php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 24-09-2012, 18:21
freakgesicht
 Registrierter Benutzer
Links : Onlinestatus : freakgesicht ist offline
Registriert seit: Jul 2012
Beiträge: 57
freakgesicht befindet sich auf einem aufstrebenden Ast
Standard CSS: Pseudoklasse :hover funktioniert nicht mehr

Hallo Forum!

Ich habe bisher einen Rollovereffekt mittels CSS verwendet - also folgendes Muster:

Code:
a.class_link:link, a.class_link:visited
{
  background: url('nichtaktiv.jpg');
}

a.class_link:hover
{
  background: url('aktiv.jpg');
}
D.h. also wenn man nicht mit der Mouse über dem Link stand, bestand der Link aus der Grafik "nichtaktiv.jpg" und wenn man drüber fährt, wechselte das Bild auf "aktiv.jpg".

Nun wollte ich, dass sobald man auf einen Link geklickt hat (ich habe mehrere verschiedene Links (natürlich dafür auch pro Link Grafiken für aktiv und nicht-aktiv), dieser in der Aktiv-Position bleibt. Dafür weise ich dann diesem angeklicken Button bei einem Klick darauf per jQuery die CSS-Eigenschaft background: url('aktiv.jpg'); zu. Gleichzeig erhalten alle anderen Buttons, also alle, die nicht angeklickt wurden, die CSS-Eigenschaft background: url('nichtaktiv.jpg'); zu.

Zwar funktioniert das, jedoch funktioniert der Rollover-Effekt nun nicht mehr

Ich habe es auch probiert, die Pseudoklassen direkt anzusprechen und ihnen die Eigenschaften für link, visited und hover zuzuweisen:

Code:
$('a.class_link:link').css([siehe Eigenschaft oben]);
$('a.class_link:visited').css([siehe Eigenschaft oben]);
$('a.class_link:hover').css([siehe Eigenschaft oben]);
Leider ist dies auch nicht erfolgreich... Hat jemand eine Idee, wie ich meine Idee umsetzen kann, dass der Rollover-Effekt bleibt und trotzdem jener Button im Aktiv-Zustand verbleibt, der gerade angeklickt wurde?

Sollte meine Frage unklar formuliert sein, bitte einfach kurz sagen, dass das so ist, dann erkläre ich's genauer!

Danke!
Mit Zitat antworten
  #2 (permalink)  
Alt 24-09-2012, 18:52
Quetschi
 PHP Expert
Links : Onlinestatus : Quetschi ist offline
Registriert seit: Dec 2004
Beiträge: 3.134
Quetschi wird schon bald berühmt werden
Standard

Verpasse dem aktiven Link per jQuery eine CSS-Klasse, die z.B. 'active' heißt.

Im CSS weißt du dann dieser Klasse die gleichen Eigenschaften für den Hintergrund zu, wie der hover-pseudoklasse.
__________________
Ihr habt ein Torturial durchgearbeitet, das auf den mysql_-Funktionen aufbaut?
Schön - etwas Geschichte kann ja nicht schaden.
Aber jetzt seht euch bitte php.net/pdo oder php.net/mysqli bevor ihr beginnt!
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Script funktioniert nicht mehr Murderdeath PHP Developer Forum 20 29-01-2010 18:53
Formmail funktioniert nicht mehr! Tony80 PHP Developer Forum 3 22-04-2009 22:00
unlink funktioniert nicht mehr litterauspirna PHP Developer Forum 20 25-07-2008 20:20
Cookie funktioniert nicht mehr iBumsti PHP Developer Forum 4 01-04-2007 20:35
password() funktioniert nicht mehr el muesli SQL / Datenbanken 3 10-11-2006 11:55

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


PHP News

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni

Wissensbestand in Unternehmen
Wissensbestand in UnternehmenLebenslanges Lernen und Weiterbilden sichert Wissensbestand in Unternehmen

25.05.2018 | Berni


 

Aktuelle PHP Scripte

ADSMAN V3 - Werbe-Manager ansehen ADSMAN V3 - Werbe-Manager

ADSMAN V3 - mehr als nur ein Bannermanager! Banner, Textanzeigen und PagePeel Manager! Mit ADSMAN PRO haben Sie die Marketinglösung für eine effektive und effiziente Werbeschaltung mit messbaren Ergebnissen. Unterstützt werden Bannerformate in beliebi

25.10.2018 virtualsystem | Kategorie: PHP/ Bannerverwaltung
PHP News und Artikel Script V2

News schreiben, verwalten, veröffentlichen. Dies ist jetzt mit dem neuen PHP News & Artikel System von virtualsystem.de noch einfacher. Die integrierte Multi-User-Funktion und der WYSIWYG-Editor (MS-Office ähnliche Bedienung) ermöglichen...

25.10.2018 virtualsystem | Kategorie: PHP/ News
Top-Side Guestbook

Gästebuch auf Textbasis (kein MySQL nötig) mit Smilies, Ip Sperre (Zeit selbst einstellbar), Spamschutz, Captcha (Code-Eingabe), BB-Code, Hitcounter, Löschfunktion, Editierfunktion, Kommentarfunktion, Kürzung langer Wörter, Seiten- bzw. Blätterfunktion, V

22.10.2018 webmaster10 | Kategorie: PHP/ Gaestebuch
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 19:24 Uhr.