sriptfehler? navigation - komm nich weiter von Sven Rautenberg, 21.02.2003 23:34

sriptfehler? navigation - komm nich weiter

samuel 21.02.2003 17:30

javascript

wer kann mir helfen???
ich komm nich weiter....
ich möcht die navi leiste so haben, dass der mouseover auch durch nen mouseout wieder ausgeglichen wird, aber der onFocus aktiv bleibt, bis was anderes angeklickt wird....
einer ne idee????
danke im voraus

index:

function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}

function changeImagesArray(array) {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<array.length; i+=2) {
document[array[i]].src = array[i+1];
}
}
}

function changeImages() {
changeImagesArray(changeImages.arguments);
}

function toggleImages() {
for (var i=0; i<toggleImages.arguments.length; i+=2) {
if (selected == toggleImages.arguments[i]) changeImagesArray(toggleImages.arguments[i+1]);
}
}

var selected = '';
var preloadFlag = false;
function preloadImages() {
if (document.images) {
home_down = newImage("v03img/home_down.jpg");
home_over = newImage("v03img/home_over.jpg");
students_down = newImage("v03img/students_down.jpg");
students_over = newImage("v03img/students_over.jpg");
school_down = newImage("v03img/school_down.jpg");
school_over = newImage("v03img/school_over.jpg");
photos_down = newImage("v03img/photos_down.jpg");
photos_over = newImage("v03img/photos_over.jpg");
misc_down = newImage("v03img/misc_down.jpg");
misc_over = newImage("v03img/misc_over.jpg");
back_down = newImage("v03img/back_down.jpg");
back_over = newImage("v03img/back_over.jpg");

preloadFlag = true;
}
}

// -->
</script>
</head>
<body onload="preloadImages();">

pilltbl_02.css:

body {
margin: 0 0 0 0;
padding: 0px;
background-color: #FFFFFF;
background-image: url(../v03img/navi_bg.jpg);
background-repeat: repeat-x;
}

/*Menu Triggers and Sub Postioning*/
#TBtrig10, #TBtrig20, #TBtrig30, #TBtrig40, #TBtrig50, #TBtrig60, #TBtrig70, #TBtrig80 {
position: absolute;
top: 4px;
z-index: 300;
}
#TBtrig10 {width: 90px; left: 215px;}
#TBtrig20 {width: 91px; left: 305px;}
#TBtrig30 {width: 91px; left: 396px;}
#TBtrig40 {width: 91px; left: 487px;}
#TBtrig50 {width: 91px; left: 578px;}
#TBtrig80 {width: 100px; left: 669px;}

Beitrag melden

– Informationen zu den Bewertungsregeln

sriptfehler? navigation - komm nich weiter
Benjamin Kühn Homepage des Autors 21.02.2003 17:53

javascript
– Informationen zu den Bewertungsregeln
Hi Samuel,

also so kann man dir schlecht helfen, außer man hat ziemlich viel Zeit.

Wäre schön, wenn du den Fehler bzw. die Fehlermeldung und nur den dafür relevanten Teil
posten könntest.

Viele Grüße
Ben

--
Phantasie ist wichtiger als Wissen. - Albert Einstein
Beitrag melden

–
Informationen zu den Bewertungsregeln
1. sriptfehler? navigation - komm nich weiter
  
  samuel 21.02.2003 18:03
  
  javascript
  – Informationen zu den Bewertungsregeln
  hi ben,
  sorry hab noch nich viel erfahrung hiermit, konnte mir bis jetzt meine sachen immer aus FAQs ableiten ;)
  also die sache is die:
  mein mouseout befehl behindert den onfocus und umgekehrt...
  hier EIN link: (hab nen "#" vor dem mouseout, das is mir bewusst das is aber nich der fehler....)
  
  <a href="students.htm" target="frame"
  onmouseover="toggleImages('', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students_over.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg')); return true;"
  onmouseout="#toggleImages('', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students_down.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg'), '', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg')); return true;"
  onFocus="toggleImages('', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg'), '', new Array('home', 'v03img/home.jpg', 'students', 'v03img/students_down.jpg', 'school', 'v03img/school.jpg', 'photos', 'v03img/photos.jpg', 'misc', 'v03img/misc.jpg', 'back', 'v03img/back.jpg')); return true;">
  <img name="students" src="v03img/students.jpg" width="91" height="37" border="0" alt="students" /></a>
  
  so, also wenn ich wieder das falsche eingefügt hab: sorry ;)
  Beitrag melden
  
  –
  Informationen zu den Bewertungsregeln
  Übersicht
  
  alle Foren
  
  SELFHTML-Forum
  
  anmelden
  
  Benutzerkonto erstellen
  
  Beitrag im Thread-Baum
sriptfehler? navigation - komm nich weiter
Sven Rautenberg Homepage des Autors 21.02.2003 23:34

javascript
– Informationen zu den Bewertungsregeln
Moin!

wer kann mir helfen???
ich komm nich weiter....
ich möcht die navi leiste so haben, dass der mouseover auch durch nen mouseout wieder ausgeglichen wird, aber der onFocus aktiv bleibt, bis was anderes angeklickt wird....
einer ne idee????

Irgendwoher hast du den Mouseover-Bilder-Code ja wohl her - stand da nichts bei?

Naja, nach längerem angucken des Codes meine ich, folgendes festgestellt zu haben:

1. Es gibt eine Variable "selected", die in deiner Seite auf den Leerstring gesetzt wird. Die hat eine besondere Bedeutung: Sie wird wohl in irgendeiner Weise merken und markieren, welcher Button gerade gewählt ist. Nur benutzt du sie derzeit nicht. Warum nicht?

2. onmouseover, onmouseout und onfocus übergibst du der Funktion toggleImages() eine reichhaltige Liste an Bildern, die ausgetauscht werden sollen. Könnte sich dein Problem vielleicht allein damit lösen, dass du die Liste entsprechend anpaßt?

3. Und wenn 2. allein nicht hilft, muß eben doch die Variable "selected" entsprechend benutzt werden. toggleImages reicht die Liste der zu tauschenden Bilder nur dann weiter, wenn das erste Argument des Funktionsaufrufs identisch ist mit dem Variableninhalt von selected. Außerdem ist die Funktion toggleImages in der Lage, auch mehr als zwei Argumente zu empfangen (allerdings muß die Zahl der Argumente gerade sein - immer paarweise ein String und ein Array mit Bildern). Du kannst also in Abhängigkeit von der Variablen "selected" unterschiedliche Bilderaustausche befehlen.

Insgesamt erscheint mir das eingesetzte Skript zwar geeignet, die geforderte Aufgabe zu erfüllen, jedoch zu dem Preis der wahnsinnig aufwendigen und langen onirgendwas-Attribute, die irgendwann absolut nicht mehr übersichtlich sind. Wenn du also was einfacheres haben willst, gibts im </archiv/> und bei der http://selfsuche.teamone.de Möglichkeiten, das gespeicherte Wissen dieses Forums anzuzapfen. Du suchst nach "dynamischen Bilderbuttons mit 3 Zuständen" (oder so ähnlich).

- Sven Rautenberg

--
"Bei einer Geschichte gibt es immer vier Seiten: Deine Seite, ihre Seite, die Wahrheit und das, was wirklich passiert ist." (Rousseau)
Beitrag melden

–
Informationen zu den Bewertungsregeln
1. sriptfehler? navigation - komm nich weiter
  
  samuel 22.02.2003 07:20
  
  javascript
  – Informationen zu den Bewertungsregeln
  ohh... ne schlaflose nacht ABER:
  es funzt..
  danke fürden tip mit dem archiv ;o)
  da war das problem tatsächlich schon mal... wusste nicht was ich suchen sollte
  
  DANKE
  Beitrag melden
  
  –
  Informationen zu den Bewertungsregeln
  Übersicht
  
  alle Foren
  
  SELFHTML-Forum
  
  anmelden
  
  Benutzerkonto erstellen
  
  Beitrag im Thread-Baum

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

samuel: sriptfehler? navigation - komm nich weiter