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

Die RIGID-FLEX-Technologie
Die RIGID-FLEX-TechnologieDie sogenannte "Flexible Elektronik" , oftmals auch als "Flexible Schaltungen" bezeichnet, ist eine zeitgemäße Technologie zum Montieren von elektronischen Schaltungen.

06.12.2018 | Berni

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


 

Aktuelle PHP Scripte

ModuleStudio ansehen ModuleStudio

Modellgetriebene Entwicklung von Erweiterungen für das Open Source Framework Zikula.

15.01.2019 Guite | Kategorie: PHP ENTWICKLUNGSUMGEBUNG
FAQ Script PHP ansehen FAQ Script PHP

FAQ Script PHP is a simple knowledgebase script and you could use it as a Frequently Asked Question section on your website. It is written in PHP and MySQL.

14.01.2019 nevenov | Kategorie: PHP/ FAQ
Admidio Mitgliederverwaltung

Admidio ist eine kostenlose Online-Mitgliederverwaltung, die für Vereine, Gruppen und Organisationen optimiert ist. Sie besteht neben der Mitgliederverwaltung aus einer Vielzahl an Modulen (Foto-, Download-, Terminverwaltung), die in eine neue oder besteh

08.01.2019 webmaster52@ | Kategorie: PHP/ Groupware
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 17:38 Uhr.