zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden jquery: button der funktion ein und auschaltet?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.11.2009, 11:37
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 30.07.2009
Beiträge: 469
sepp88 befindet sich auf einem aufstrebenden Ast
Standard jquery: button der funktion ein und auschaltet?

Hallo Leute,

Ich habe eine Webseite die auf drei Spalten aufbaut. Die drei Spalten haben alle den gleichen Klassennamen und werden so alle von meiner gleichen jquery funktion angesprochen. Jquery macht es mir möglich, dass die Spalten leicht transparent sind, wenn ich über eine von den dreien fahre, dann wird die Spalte 100% in der Deckkraft.

PHP-Code:
//OPACITY of Columns
            
$("ul.latest").css({opacity"0.3"});
            $(
"ul.latest").mouseover(function(){
                   $(
this).stop().animate({opacity:'1'},300);
            });
            $(
"ul.latest").mouseout(function(){
                $(
this).stop().animate({opacity:'0.3'},200);
            }); 
Diese ganze Eigenschaft würde ich aber gerne dem User "ein- und auschaltbar" machen. D.h. ich würde einfach nur gerne einen Link anbieten der heißt: "Ausschalten"! Standardmäßig soll die Eigenschaft der drei Spalten aktiviert sein, aber wenn ich den Ausschalten Link klicke, sollen einfach alle drei Spalten auf die Deckkraft 100% gestellt werden (und kein Mouseover mehr aktiv sein). Der Link ändert dann seinen Text in "Einschalten". Wenn ich wiederum klicke dann soll, die Eigenschaft der drei Spalten wieder aktiv werden.

Könnt ihr mir da helfen?
Ich habe ein wenig experimentiert, aber das ganze funktioniert nicht fehlerfrei:
PHP-Code:
active true;
            $(
'#fade-active').click(function(){
                if (
active==true){
                        $(
"ul.latest").css({opacity"0.3"});
                        $(
"ul.latest").mouseover(function(){
                               $(
this).stop().animate({opacity:'1'},300);
                        });
                        $(
"ul.latest").mouseout(function(){
                            $(
this).stop().animate({opacity:'0.3'},200);
                        });
                        
active false;
                }else {
                        $(
"ul.latest").css({opacity"1"});
                        $(
"ul.latest").mouseout(function(){
                            $(
this).stop().animate({opacity:'1'},0);
                        });
                        
active true;
                }
            }); 
Bitte um Hilfe, danke und lg
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 23.11.2009, 18:19
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 30.07.2009
Beiträge: 469
sepp88 befindet sich auf einem aufstrebenden Ast
Standard

keine eine idee? was mach ich denn da falsch?
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

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 aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
jquery funktion über namen matthiasdks Javascript & Ajax 4 23.12.2010 11:25
jQuery: Funktion beim Seitenaufruf laden Twyxx Javascript & Ajax 1 25.03.2010 20:57
jquery - funktion automatisch ausführen M.R. Javascript & Ajax 1 03.10.2009 01:39
JQuery Funktion aufrufen wenn Bedingung erfüllt muella Javascript & Ajax 5 10.07.2009 17:55
[PHP] Funktion zum Optimieren von CSS Floele Serveradministration und serverseitige Scripte 2 13.08.2005 11:31


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:39 Uhr.