login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Twitter verwijder-link bij hover (Opgelost)

Offline luchtpost - 19/12/2009 14:40
Avatar van luchtpostPHP interesse Als je ingelogd bent op Twitter kan je je berichten verwijderen. De link hiervoor licht op als je cursor zich ergens in het berichtvak bevindt. Hoe kan je zoiets maken met enkel css? Het is uiteraard niet de bedoeling dat heel het berichtvak een verwijderlink wordt.

9 antwoorden

Gesponsorde links
Offline Martijn - 19/12/2009 14:42
Avatar van Martijn Crew PHP je geeft die link een id of class, en daarna een height dan is het oppervlak g roter, maar de tekst niet
Offline luchtpost - 19/12/2009 14:52 (laatste wijziging 19/12/2009 14:57)
Avatar van luchtpost PHP interesse Maar dan licht de link toch niet op (hover) als je cursor zich ergens in het berichtvak bevindt?
Offline voltrex - 19/12/2009 14:57 (laatste wijziging 19/12/2009 15:07)
Avatar van voltrex Lid Doe dit met onmouseover en onmouseout, onmouseover verander de style van de link (geef deze een id), en verander deze terug naar normaal bij onmouseout.  

Voorbeeld:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="berichtvak" onmouseover="document.getElementById('deletelink').style.color='#0F0';" onmouseout="document.getElementById('deletelink').style.color='#000';">
  2.  
  3. Inhoud berichtvak en al die dingen.
  4.  
  5. </div>
  6.  
  7. <!--- de link --->
  8. <a href="waardanook.php" id="deletelink">Verwijder</a>


Is dit wat je bedoelt?
Offline luchtpost - 19/12/2009 15:20 (laatste wijziging 19/12/2009 15:25)
Avatar van luchtpost PHP interesse Ja, maar Twitter doet het zonder javascript.
Offline voltrex - 19/12/2009 15:26
Avatar van voltrex Lid Dit kan je ook gewoon in HTML klasseren hé. En je wilt het helemaal hetzelfde als bij Twitter?
Offline Ontani - 19/12/2009 15:31
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 kunt je niet: div#berichtvak:hover #linkdiemoetoplichten {} doen?
Offline luchtpost - 19/12/2009 15:40 (laatste wijziging 19/12/2009 16:41)
Avatar van luchtpost PHP interesse @Otani: werkt niet, jammer!

Ja, het mechanisme zou ik graag net zoals Twitter willen. Hoe zou je het dan doen?
Offline Ontani - 19/12/2009 16:50
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 In uw voorbeeld zou:

tr:hover #rechts a {color:#000;}

moeten werken
Bedankt door: luchtpost
Offline luchtpost - 19/12/2009 17:04 (laatste wijziging 21/12/2009 12:49)
Avatar van luchtpost PHP interesse edit
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.204s