php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 14.06.2007, 20:23  
phyton
Gast
 
Beiträge: n/a
Standard reiterkarten

hi
hier mein code:

Code:
<script type="text/javascript">
function opener()
{
if(document.getElementById('btn1').className=="old")
{
document.getElementById('btn1').className = 'new';
document.getElementById('btn1').src = 'images/btn_home_on.png';
document.getElementById('btn2').className = 'old';
document.getElementById('btn3').className = 'old';
}
else if(document.getElementById('btn1').className = 'new')
{
document.getElementById('btn1').className = 'old';
document.getElementById('btn1').src = 'images/btn_home_off.png';
}
}

function opener2()
{
if(document.getElementById('btn2').className=="old")
{
document.getElementById('btn2').className = 'new';
document.getElementById('btn2').src = 'images/btn_login_on.png';
document.getElementById('btn3').className = 'old';
document.getElementById('btn1').className = 'old';
}
else if(document.getElementById('btn2').className = 'new')
{
document.getElementById('btn2').className = 'old';
document.getElementById('btn2').src = 'images/btn_login_off.png';
}
}

function opener3()
{
if(document.getElementById('btn3').className=="old")
{
document.getElementById('btn3').className = 'new';
document.getElementById('btn3').src = 'images/btn_stuff_on.png';
document.getElementById('btn2').className = 'old';
document.getElementById('btn1').className = 'old';
}
else if(document.getElementById('btn3').className = 'new')
{
document.getElementById('btn3').className = 'old';
document.getElementById('btn3').src = 'images/btn_stuff_off.png';
}
}
</script>
so hier im skript wird halt geschrieben, das wenn man auf eine reiterkarte klickt, sich die grafik ändert. mein problem ist, ich bekomme es nicht hin, dass wenn eine reiterkarte aktiviert ist, soll der rest inaktiv sein. das habe ich auch schon im skript probiert hat aber nicht funktioniert.


Code:
[img]images/btn_home_on.png[/img]

[img]images/btn_login_off.png[/img]
 
[img]images/btn_stuff_off.png[/img]
die erste reiterkarte ist aktiviert.

hier wird das skript aktiviert (durch klicken auf entsprechende Reiterkarte)




ich hoffe ihr könnt mir helfen!!!!!!!!!!!!


phyton
  Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 14.06.2007, 20:29  
Erfahrener Benutzer
 
Registriert seit: 21.05.2008
Beiträge: 9.937
Zergling-new wird schon bald berühmt werden
Standard

Onlinebeispiel bitte und überschreib den Bezeichner "opener" nicht mit einer Funktion, sonst kannst du die Fenster/Popup Kommunikation nicht mehr verwenden.
Zergling-new ist offline   Mit Zitat antworten
Alt 14.06.2007, 20:30  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard

Was meint inaktiv? Was sagt die JS Console vom Firebug dazu? Gibts überhaupt ne Fehlermeldung? Fragen über Fragen.

Ich würde (ich weiß andere Baustelle) Dir empfehlen, alles in einer Funktion zu vereinen.

Mein übliches Vorgehen bei solchen Wechseln: aktuelles Element global speichern und beim nächsten Wechsel vorher zurücksetzen.
nikosch ist offline   Mit Zitat antworten
Alt 14.06.2007, 20:36  
phyton
Gast
 
Beiträge: n/a
Standard

hier das onlinebeispiel:

www.6g1.de.gg


übrigens bin ich für codebeispiele sehr offen^^
  Mit Zitat antworten
Alt 14.06.2007, 20:43  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard

Wow, 'out of memory at line 76'. Nimm mal die Rekursion raus - checker()-Aufruf in checker() Funktion... Dann sehn wa weiter.
nikosch ist offline   Mit Zitat antworten
Alt 14.06.2007, 20:48  
phyton
Gast
 
Beiträge: n/a
Standard

so
  Mit Zitat antworten
Alt 14.06.2007, 20:54  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard

Besser. Wieso eigentlich der Wechsel pro Register? Typischerweise geht doch nur 'an' aber nicht 'aus'. 'aus' ist doch ein Klick auf einen anderen Reiter. Die Klassen werden jedenfalls geschaltet (obwohl ich das passende Stylesheet nicht finde) und die Bilder eigentlich auch.
nikosch ist offline   Mit Zitat antworten
Alt 14.06.2007, 20:56  
phyton
Gast
 
Beiträge: n/a
Standard

hää?
  Mit Zitat antworten
Alt 14.06.2007, 21:00  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard

Beschränkst Du jetzt alle Antworten auf ein Wort?

Ich meine:
Klick auf Tab1 schaltet alle anderen aus, erneuter Klick ändert nix.
Klick auf Tab2 schaltet alle anderen aus, erneuter Klick ändert nix... usw.
Das wär für mich die typische Funktionsweise.

Übrigens könntest Du die ganze Bildgeschichte auch über das class Attribut und das passende Stylesheet lösen. Dann brauchst Du nur die Klasse zu schalten und ordnest 'alt' und 'neu' jeweils eine der URLs als background-image zu. Spart die ganze element.src Geschichte.
nikosch ist offline   Mit Zitat antworten
Alt 14.06.2007, 21:03  
phyton
Gast
 
Beiträge: n/a
Standard

mein problem ist doch ich weiß nicht wie ich die anderen ausschalten soll!

das war jetzt mehr als ein wort!
  Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine 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
Gehe zu

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
reiterkarten, php reiterkarte, php reiterkarten, $(\'#btn1\').classname =, html reiterkarten, reiterkrten, niklas sonnenschein

Alle Zeitangaben in WEZ +2. Es ist jetzt 03:04 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.