Javascript probleempje

Duwgati · 4 mei 2004

Deze code hieronder werkt prima. Alle links worden getoond. Maar zodra ik de kommentaar-slashes weghaal voor het if statement, dan krijg ik nog maar 1 link te zien en de tekst " visited recently" verschijnt ook niet.

Code:

<HTML><HEAD><TITLE>Visited Links</TITLE><style>a.linkstatus:link{color:blue}a.linkstatus:visited{color:red}</style><script language="JavaScript">var urlList = new Array;function fillArray(s) {	urlList[urlList.length] = s;}fillArray("http://www.altavista.com/");fillArray("http://www.google.com/");fillArray("http://www.hotbot.com/");fillArray("http://www.ask.com/");</script></HEAD><BODY><script language="JavaScript">for (i = 0; i < urlList.length; i++) {	var linkURL = urlList[i];	var linkID = "id"+i;	document.write('<a id="'+linkID+'" class="linkstatus" href="'+linkURL+'">'+linkURL+'</a>');//	if (linkID.currentStyle.color == "red") document.write(' visited recently');	document.write('<br>');}</script></BODY></HTML>

Ik vermoed dat het probleem zit in de manier waarop ik de id toewijs in het script, maar ik zou niet weten hoe ik dat kan oplossen.

Iemand enig idee???

5 mei 2004

Zit het hem niet in het currentID omdat die niet gedefinieerd is.

Zal moeten kijken op een webserver of het het hier in zit, maar nu willen me oogjes dicht. Zal morgen ff kijken.

Duwgati · 5 mei 2004

Het lijkt erop dat het probleem 'm idd zit in de ID's. Omdat de links worden opgebouwd in javascript, is er geen html waaraan kan worden gerefereerd. Volgens mij zit daar dus het probleem. Blijft dus de vraag hoe ik daar omheen kan werken.

5 mei 2004

if (linkstatus = "red") document.write(' visited recently');

Begint al te leven, nu de finishing touch

Duwgati · 5 mei 2004

De = moet == zijn neem ik aan <img src="/ubbthreads/images/graemlins/wink.gif" alt="" />

Maar desondanks, het werkt niet. Hij toont alleen de eerste link en stopt dan.

Duwgati · 5 mei 2004

Ik ben er uit. Dit werkt:

Code:

 <HTML><HEAD><TITLE>Visited Links</TITLE><style>a.linkstatus:link{color:blue}a.linkstatus:visited{color:red}</style><script language="JavaScript">function fillArray(s) {	urlList[urlList.length] = s;}</script></HEAD><BODY><script language="JavaScript">var urlList = new Array;fillArray("http://www.altavista.com/");fillArray("http://www.google.com/");fillArray("http://www.hotbot.com/");fillArray("http://www.ask.com/");for (i = 0; i < urlList.length; i++) {	var linkURL = urlList[i];	var linkID = "id"+i;	document.write('<a id="'+linkID+'" class="linkstatus" href="' + linkURL + '">'+linkURL+'</a>');	linkStat = document.getElementById(linkID)	if (linkStat) {		if (linkStat.currentStyle.color == 'red'){ 			document.write(' - visited recently');		}		else {			document.write(' - not recently visited');		}	}	document.write('<br>');}</script></BODY></HTML>

DroomDoos · 5 mei 2004

Dank je, kunnen we allemaal weer van leren.

DroomDoos

6 mei 2004

Ja natuurlijk if then else is de oplossing <img src="/ubbthreads/images/graemlins/xyxthumbs.gif" alt="" />

Heeft me wat kopzorgen gekost, heel m'n bureaublad stond vol en ben toen aan de google gegaan en vondt ook wel een leuke;

----Begin html code---

<!--

A.nav:link { color: #FFFFFF }

A.nav:visited { color: #CCCCCC }

//-->

</STYLE>

<!--

if (parseInt(navigator.appVersion) < 4 && navigator.appName == "Microsoft Internet Explorer") {

document.write ("<STYLE> .nav { color: #FFFFFF } </STYLE>"); }

//-->

</SCRIPT>

<!--

if (parseInt(navigator.appVersion) < 4 || (navigator.appName != "Netscape" && navigator.appName != "Microsoft Internet Explorer")) {

vlink = "<FONT COLOR=#FFFFFF>"; }

else

vlink = "";

//-->

</SCRIPT>

Then add this to the <BODY> of the page:

<!--

document.write(vlink);

//-->

</SCRIPT>

</NOSCRIPT>

unvisited link

</FONT></A>

<!--

document.write(vlink);

//-->

</SCRIPT>

</NOSCRIPT>

visited link

</FONT></A>

---einde html code---

Duwgati · 6 mei 2004

Om precies te zijn zit de truuc 'm in: [color:"blue"] document.getElementById(linkID) [/color]

Aangezien de links in javascript worden opgebouwd heb je geen HTML referentie en dus geen direct opvraagbare style-properties. Maar met getElementById kun je de werkelijke properties wel opvragen.

Dat script dat je hierboven neergezet hebt, kan ik niet helemaal plaatsen. Geen idee wat ik daar in de praktijk voor nut van zou kunnen hebben. Het is volgens mij alleen een alternatief voor CSS, maar dan dus veel complexer, of zie ik iets over het hoofd???

6 mei 2004

Oh zit hem daar het geintje.

Wat ik neer heb gezet komt van; http://hotwired.lycos.com/webmonkey/99/28/index0a.html?tw=authoring

De bekende Webmonkey en heeft inderdaad met CSS te maken, in ieder geval was het aardig in de richting van wat je zocht.

Maar ben blij dat je het werkend hebt gekregen. Ideaal, je zou alleen nog met een cookie moeten werken en dan kan je een hele mooie pagina kunnen maken.

Duwgati · 6 mei 2004

Dat klopt, cookies gebruik ik trouwens al, maar daar ging het in dit geval niet om. Dit was onderdeel van een oefening voor mezelf om te kijken wat er allemaal mogelijk is.

Ik ben bezig een eigen tellerscript voor op mijn website te bouwen en dan loop je onvermijdelijk tegen de vraag aan: "Wat kun je allemaal voor info opvragen en hoe doe je dat?".

Dat is de (overigens niet meer zo piep) jonge onderzoeker in mij he <img src="/ubbthreads/images/graemlins/anoniem.gif" alt="" /> <img src="/ubbthreads/images/graemlins/loldev.gif" alt="" />

7 mei 2004

PM-etje met wellicht wat info voor je in het Nederlands.

Mazzel,

Kimble

Inloggen

Javascript probleempje

Aanbevolen berichten

Duwgati

Gast

Duwgati

Gast

Duwgati

Duwgati

DroomDoos

Gast

Duwgati

Gast

Duwgati

Gast

Maak een account aan of log in om te reageren

Account aanmaken

Inloggen

Wie is er online 0 leden

Overig

Activiteit