login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[js] Link alert

Offline jerone - 08/05/2007 22:31 (laatste wijziging 27/07/2007 11:18)
Avatar van jeroneJS gevorderde Ik zoek een script dat herkend de verschillende soorten type links. bijvoorbeeld als de link naar een nieuwe pagina gaat of naar een bestand (js, doc, wmv, enz...).
op die manier kan ik plaatjes bij deze verschillende type links zetten.

twee mooie voorbeelden zijn; Link Alert, een extentie voor FF en Opera.

alvast bedankt, gr J

edit:
zie laatste bericht!

6 antwoorden

Gesponsorde links
Offline Da_WebDevil - 09/05/2007 10:37 (laatste wijziging 09/05/2007 10:37)
Avatar van Da_WebDevil HTML beginner Misschien iets met:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. function check() {
  2.     if (document.getElementByTag("a").href.indexOf(".doc")) {
  3.         document.write("<img src="locatie">");
  4.     }
  5. }

Ik weet niet of het bovenstaande werkt.
En dan voor de link:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script>check();</script>
Offline jerone - 10/05/2007 12:16 (laatste wijziging 10/05/2007 14:15)
Avatar van jerone JS gevorderde ik heb vanalles geprobeerd en uren gezocht op google, maar ik weet echt niet hoe ik dit moet aanpakken.

EDIT:
ik heb nu dit;

php code - Bekijk de code zonder highlighting - Klap code in 
  1. function test(){
  2. 	var x = document.getElementsByTagName('a');
  3. 	var current = document.getElementsByTagName('a')[0]
  4. 	for(var i=0; i < x.length; i++) {
  5. 		if (x[i].href.indexOf(".doc")) {
  6. 			current.style.color = 'red';
  7. 		}
  8. 		else {
  9. 			current.style.color = 'green';
  10. 		}
  11. 	}
  12. }

maar het werkt niet zoals het moet, wat doe ik fout?

alvast bedankt, gr J
Offline timmie_loots - 10/05/2007 18:37
Avatar van timmie_loots PHP gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. function test()
  2. {
  3.  
  4. 	var anchorTags = document.getElementsByTagName('a');
  5.  
  6. 	for (i = 0; i < anchorTags.length; i++) {
  7.  
  8. 		var currentTag = anchorTags[i];
  9.  
  10. 		if (currentTag.getAttribute('href').indexOf('.doc')) {
  11.  
  12. 			currentTag.style.color = 'red';
  13.  
  14. 		} else {
  15.  
  16. 			currentTag.style.color = 'green';
  17.  
  18. 		}
  19.  
  20. 	}
  21.  
  22. 	return true;
  23. }
Offline jerone - 11/05/2007 16:45
Avatar van jerone JS gevorderde ik heb je code hierboven geprobeerd, maar ook deze werkt. 

alle links worden rood (geen een groen), terwijl alleen de .doc links rood zouden moeten worden en de andere dus groen. 

wie o wie kan mij helpen? gr J
Offline Metalhead - 13/05/2007 15:17
Avatar van Metalhead HTML gevorderde Kijk eerst eens in Firefox of de Javascript geen fouten oplevert (in de JavaScript/Error-console)...
Als het geen fouten oplevert, zet dan eens een debugscriptje in de rode en groene, zodat je ziet dat ze aangeroepen worden...
php code - Bekijk de code zonder highlighting - Klap code in 
  1. if (currentTag.getAttribute('href').indexOf('.doc')) {
  2.       currentTag.style.color = 'red';
  3.       window.alert("rood");
  4.     } else {
  5.       currentTag.style.color = 'green';
  6.       window.alert("groen");
  7.     }
Offline jerone - 27/07/2007 11:18 (laatste wijziging 27/07/2007 11:18)
Avatar van jerone JS gevorderde oke, na een paar maanden ben ik hier toch weer mee door gegaan.

ik heb nu het volgende: linkie.

maar ik kom weer niet verder;
alle plaatjes staan naast de links, alleen ik krijg ze niet naast me muis, zodra ik erover heen ga.

iemand die mij kan helpen?

ps. werkt tot nu toe alleen nog in FF, doordat ik gebruik maak van base64 plaatejs
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.202s