Hallo allemaal. Toen ik indertijd bezig was mijn site http://www.kristofdevos.be op te zetten heeft Kaydee mij enorm geholpen met de programmatie ervan. Ik hoop dat er nu ook iemand de oplossing heeft voor dit probleem, want ik vind het echt niet.

Als je de site even bekijkt zie je dat je na het klikken op een vogeltje deze gekleurd blijft waardoor je duidelijk ziet wat je al bekeken hebt en wat niet.
Met Internet Explorer, met name op de gevreesde PC, werkt dit echter niet waardoor het voor de gebruiker echt moeilijk wordt om te ziet wat hij al bezocht heeft. Iemand een idee?

Ik wou toch nog even nieuw leven in dit draadje roepen, zou niemand een ideetje hebben? Het is toch zo frustrerend dat alles perfect werkt op mac en dat de PC het weer laat afweten

Ik heb je code niet bekeken, maar is je css voor de links in deze (de goede) volgorde? link-visited-hover-active

Is moeilijk te zien, want alle CSS-files zitten extern..
maar zo te zien heb je het met een bepaalde editor in elkaar gezet..? Je zou zeggen dat die het eigenlijk wel goed zou doen..

Ik had ook het gevoel dat alles goed zat. Ik ben geen programmeur, maar ik heb de site zo netjes mogelijk proberen maken, vandaar ook dat alle js- en css-files apart gerangschikt zijn volgens functionaliteit. Op mac werkt het perfect, maar op PC krijg ik er kop noch staart aan

Pakito, check deze twee regels in je code (style.css)?

a:visited { color: #666; }
a:hover { color: #999; text-decoration: underline; }

alles tussen { brackets } moet jouw eigen kleur / stijl zijn natuurlijk.

Nog iets, misschien moet je dit met cookies gaan regelen, want als je eerst op een vogel drukt en daarna in het lightbox effect verder gaat (dus met de pijltjes), dan worden de vogels niet gekleurd. Dat zou je kunnen oplossen met cookies.

Hmmm, van cookies heb ik geen kaas gegeten. Iemand een andere suggestie?

Bewerk je site even in NVU dan kan je via menu opmaak>paginakleuren en achtergrond de kleuren van de link aanpassen.

Cookies zijn echt heel makkelijk, vooral in PHP. Alleen PHP werkt niet op alle servers, maar als het op jouw server werkt kan ik wel even een voorbeeldje maken. Cookies d.m.v. javascript kan ook, maar daar heb ik ook geen kaas van gegeten, maar als je in Google "Cookies Javascript" intype dan vind je al heel veel resultaten.

Persoonlijk zou ik daarvoor gaan, maar als je dat echt niet wil, doe het dan via de visited methode, alleen werkt het dan dus niet met Lightbox.

Steve07, de visited werk perfect met lightbox op mac, zowel in Safari als FireFox. Het vreemde is dat er ergens een conflict moet zijn op de PC, dat zou ik graag vinden. Zijn er andere mogelijke oplossingen?

Steve07, nog een klein vraagje, soms zetten mensen hun cookies uit, zal ik dan ook dezelfde problemen hebben?

Dat weet ik eerlijk gezet niet... , nooit uitgeprobeerd, maar volgens mij heb je dan inderdaad hetzelfde probleem.
Maar bij mij werkt de visited niet, als je via het lightbox-effect naar links of rechts gaat. Bij jou dan wel?

Ja, hier perfect op alle macjes, ook op het werk gaat dit …

Nader onderzoek op enkele PC's vanavond heeft me getoond dat de site ook perfect werk op PC met FireFox. Het is dus enkel IE die moeilijk doet, ik dus alleen maar hopen dat 't opgelost is bij een nieuwe release van IE  

Probeer het eens met de laatste prototype release...
Waarschijnlijk is het probleem dan opgelost.

http://www.prototypejs.org/download

edit:

oplossing:

html:
<a id="link1" class="portfolio" href="???" rel="lightbox[???]" title="???"></a>
<a id="link2" class="portfolio" href="???" rel="lightbox[???]" title="???"></a>
etc...

css:
a.portfolio{
 display: block;
 position: absolute;
 background: no-repeat;
 background-color:red;
 background-position: 0 0;
 text-decoration: none;
}

#item1{
  top  : ??px; left : ??px;
  width: ??px; height: ??px;
  background-image: url(???.jpg);
 }
#item1:hover, #item1._visited{
  background-position: -??px 0;
}

#item2{
  top  : ??px; left : ??px;
  width: ??px; height: ??px;
  background-image: url(???.jpg);
 }
#item2:hover, #item2._visited{
  background-position: -??px 0;
}
etc...

javascript: (eerst updaten naar de laatste prototype release)

Event.observe( window, 'load', function(){
 Event.observe(document.body, 'click', function(event){
   var element = Event.element(event);
     if('A' == element.tagName)
       if(element.hasClassName('click') == true && element.hasClassName('_visited') == false )
         element.addClassName(' _visited');
 })
})


(Bewerkt door Kaydie om 2:38, 20-02-2008)

En weer is Kaydie er om te helpen, duizendmaal dank!
Ik probeer dit zo snel mogelijk uit!

Hey Kaydie, ik heb je oplossing al even snel uitgeprobeerd met één itempje, maar ik heb de indruk dat de visited-functie precies niet werkt, ofwel doe ik iets fout? Ik heb het even online gezet op dit adres: http://www.konijnmetpluimen.be/testarea

Mijn foutje...

element.hasClassName('click')
had moeten zijn:
element.hasClassName('portfolio')

dus


Event.observe( window, 'load', function(){
Event.observe(document.body, 'click', function(event){
  var element = Event.element(event);
    if('A' == element.tagName)
      if(element.hasClassName('click') == true && element.hasClassName('_visited') == false )
        element.addClassName(' _visited');
})
})

Kaydie, merci!          
Dit schijnt alvast perfect te werken op mac, ik zoek asap een PC om op te testen!
Je weet het hé, als ik eens iets terug kan doen …

(Bewerkt door pakito om 7:07, 21-02-2008)

Pakito,

even een vraagje tussendoor... Hoe heb je je portfolio zo mooi gemaakt.
Ziet er mooi uit hoe de foto's zich openen en laden. Is dat een speciaal programma?

Groet, Hans

Ja, dat is Lightbox.
Javascriptje..
http://en.wikipedia.org/wiki/Lightbox_(JavaScript)

Hey Machinehead, zoals mijn voorganger hierboven al zei, dit is Lightbox. Lightbox 2 om precies te zijn , je vindt alle info op http://www.huddletogether.com/projects/lightbox2/ — Ik heb wel alle knoppen aangepast (sluit, volgende, vorige …) alsook de randkleur van het venster enzo … Maar enfin, 't is zeer praktisch om — voor iemand als ik, die weinig kent van programmeren — een mooie website in elkaar te knutselen.

Tussen haakjes, nog steeds geen test-pc gevonden, overal waar ik kom zijn het macjes

Hier even getest op pc in IE6 en IE7.

In 7 perfect! Rollover en lightbox.
In 6 werkt helaas de rollover niet goed, de vogel kleurt niet en de achtergrond van de afbeelding wordt rood. Lightbox werkt.

Hey, merci voor de test! Zou je even een screenshotje kunnen tonen van hoe het er in IE6 uit ziet? Ik kan het me niet precies voorstellen ...