• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

3 Status Buttons

33034

New member
3-Status-Buttons

3-Status-Buttons Michael Mailer :: Ich habe nicht nur 5 Links, wie in diesem Beispiel, sondern 9 . Der MouseOver Befehl sowie der MouseOut Befehl funktionieren auch bei 9 Links (Button wird einwandfrei ein- und ausgeblendet). Doch der onClick Befehl funktioniert nur bei den ersten 5 Links einwandfrei. Bei den restlichen wird der onClick Butten beim kilick zwar eingeblendet aber nicht automatisch wieder ausgeblendet, wenn ich einen anderen Button anklicke. Zum ausblenden muss ich erst wieder mit der Maus über diesen Button fahren. Wer kann mir helfen?? Der Quelltext kann auch bei mir per eMail angefordert werden! Da ich leider noch ein Anfänger bin bin ich auf Eure Hilfe dringend angewiesen! - - Danke - -

Bin ich hier überhaupt richtig ??
 
Sorry, doch ich kann deinen Fehler auch nicht finden evtell ist einer der anderen Besucher in der Lage dir zu helfen, wie man den für 5 links ausgelegten JS von Michael Mailer's JS "3 Status Buttons" in einen für 9 Links fähigen JS umändert.

Sorry, Mathias
 
@mo *lol* hab ich auch gedacht


also:

<html>

<head>
<title>3-Status-Buttons</title>
<script language = "javascript">
<!--
browser=0;
if (navigator.userAgent.substring(0,9) == "Mozilla/3")
{browser=1}
if (navigator.userAgent.substring(0,9) == "Mozilla/4")
{browser=1}

if (browser == 1)
{
var bildan = new Array();
var bildaus = new Array();
var bildclick = new Array();

bildan[0] = new Image();
bildan[0].src = "grafix/jav101_blau.gif";
bildaus[0] = new Image();
bildaus[0].src = "grafix/jav101_gruen.gif";
bildclick[0] = new Image();
bildclick[0].src = "grafix/jav101_blau2.gif";

bildan[1] = new Image();
bildan[1].src = "grafix/jav101_blau.gif";
bildaus[1] = new Image();
bildaus[1].src = "grafix/jav101_gruen.gif";
bildclick[1] = new Image();
bildclick[1].src = "grafix/jav101_blau2.gif";

bildan[2] = new Image();
bildan[2].src = "grafix/jav101_blau.gif";
bildaus[2] = new Image();
bildaus[2].src = "grafix/jav101_gruen.gif";
bildclick[2] = new Image();
bildclick[2].src = "grafix/jav101_blau2.gif";

bildan[3] = new Image()
bildan[3].src = "grafix/jav101_blau.gif";
bildaus[3] = new Image();
bildaus[3].src = "grafix/jav101_gruen.gif";
bildclick[3] = new Image();
bildclick[3].src = "grafix/jav101_blau2.gif";

bildan[4] = new Image()
bildan[4].src = "grafix/jav101_blau.gif";
bildaus[4] = new Image();
bildaus[4].src = "grafix/jav101_gruen.gif";
bildclick[4] = new Image();
bildclick[4].src = "grafix/jav101_blau2.gif";

bildan[5] = new Image()
bildan[5].src = "grafix/jav101_blau.gif";
bildaus[5] = new Image();
bildaus[5].src = "grafix/jav101_gruen.gif";
bildclick[5] = new Image();
bildclick[5].src = "grafix/jav101_blau2.gif";

bildan[6] = new Image()
bildan[6].src = "grafix/jav101_blau.gif";
bildaus[6] = new Image();
bildaus[6].src = "grafix/jav101_gruen.gif";
bildclick[6] = new Image();
bildclick[6].src = "grafix/jav101_blau2.gif";

bildan[7] = new Image()
bildan[7].src = "grafix/jav101_blau.gif";
bildaus[7] = new Image();
bildaus[7].src = "grafix/jav101_gruen.gif";
bildclick[7] = new Image();
bildclick[7].src = "grafix/jav101_blau2.gif";

bildan[8] = new Image()
bildan[8].src = "grafix/jav101_blau.gif";
bildaus[8] = new Image();
bildaus[8].src = "grafix/jav101_gruen.gif";
bildclick[8] = new Image();
bildclick[8].src = "grafix/jav101_blau2.gif";

}

var geklickt = null;

function an(i)
{
if (browser == 1)
{
if (geklickt != i)
document.images.src=bildan.src;
}
}

function aus(i)
{
if (browser == 1)
{
if (geklickt != i)
document.images.src = bildaus.src;
}
}

function klick(i,a,b,c,d,e,f,g,h,t)
{
if (browser == 1)
{
if (geklickt != i)
{
document.images.src = bildclick.src;
document.images[a].src = bildaus[a].src;
document.images.src = bildaus.src;
document.images[c].src = bildaus[c].src;
document.images[d].src = bildaus[d].src;
document.images[e].src = bildaus[e].src;
document.images[f].src = bildaus[f].src;
document.images[g].src = bildaus[g].src;
document.images[h].src = bildaus[h].src;
document.images[t].src = bildaus[t].src;
}
}
geklickt = i;
}

function loadnew(x) {
if (document.all){
x.blur();
}
}
// -->
</script>
</head>

<body bgcolor="#ffffff" text="#000000" link="#003194" vlink="#003194" onload="klick(0,1,2,3,4)">
<font face="Arial,Helvetica,MS Sans Serif">
<b>3-Status-Buttons</b>
<ol>Mit diesem Skript verpassen Sie den Buttons Ihrer Homepage den richtigen Pep! Sie fragen drei Zustände ab, nämlich
<i>OnMouseOver</i>, <i>OnMouseOut</i> und <i>OnMouseClick</i>. In dem Skript definieren Sie zuerst die Buttons (je nach Zustand) und
anschließend müssen Sie nur noch die Links nach dem vorgegebenen Schema bearbeiten.
<p>

<center><div align="center">
<font color="#000000" face="arial, helvetica"><b>
  <a style="text-decoration:none;" href="#" onMouseOver="an(0)" onMouseOut="aus(0)" onClick="klick(0,1,2,3,4,5,6,7,8,9);loadnew(this)"><img src="grafix/jav101_gruen.gif" name="a" width=53 height=53 alt="" border="0">Link 1</a>  
  <a style="text-decoration:none;" href="#" onMouseOver="an(1)" onMouseOut="aus(1)" onClick="klick(1,0,2,3,4,5,6,7,8,9);loadnew(this)"><img src="grafix/jav101_gruen.gif" name="b" width=53 height=53 alt="" border="0">Link 2</a>  
  <a style="text-decoration:none;" href="#" onMouseOver="an(2)" onMouseOut="aus(2)" onClick="klick(2,0,1,3,4,5,6,7,8,9);loadnew(this)"><img src="grafix/jav101_gruen.gif" name="c" width=53 height=53 alt="" border="0">Link 3</a>  
  <a style="text-decoration:none;" href="#" onMouseOver="an(3)" onMouseOut="aus(3)" onClick="klick(3,0,1,2,4,5,6,7,8,9);loadnew(this)"><img src="grafix/jav101_gruen.gif" name="d" width=53 height=53 alt="" border="0">Link 4</a>  
  <a style="text-decoration:none;" href="#" onMouseOver="an(4)" onMouseOut="aus(4)" onClick="klick(4,0,1,2,3,5,6,7,8,9);loadnew(this)"><img src="grafix/jav101_gruen.gif" name="e" width=53 height=53 alt="" border="0">Link 5</a>  

  <a style="text-decoration:none;" href="#" onMouseOver="an(5)" onMouseOut="aus(5)" onClick="klick(5,0,1,2,3,4,6,7,8,9);loadnew(this)"><img src="grafix/jav101_gruen.gif" name="f" width=53 height=53 alt="" border="0">Link 6</a>  
  <a style="text-decoration:none;" href="#" onMouseOver="an(6)" onMouseOut="aus(6)" onClick="klick(6,0,1,2,3,4,5,7,8,9);loadnew(this)"><img src="grafix/jav101_gruen.gif" name="g" width=53 height=53 alt="" border="0">Link 7</a>  
  <a style="text-decoration:none;" href="#" onMouseOver="an(7)" onMouseOut="aus(7)" onClick="klick(7,0,1,2,3,4,5,6,8,9);loadnew(this)"><img src="grafix/jav101_gruen.gif" name="h" width=53 height=53 alt="" border="0">Link 8</a>  
  <a style="text-decoration:none;" href="#" onMouseOver="an(8)" onMouseOut="aus(8)" onClick="klick(8,0,1,2,3,4,5,6,7,9);loadnew(this)"><img src="grafix/jav101_gruen.gif" name="t" width=53 height=53 alt="" border="0">Link 9</a>  
</b></font>
</center></div>
<br><br><br><br>
<pre>
Dieses Skript ist etwas lang. Schauen Sie in den
<form>
<input type="button" value="Quelltext" onclick='window.location = "view-source:" + window.location.href'>
</form>
</pre>
</ol>
</font>
<center>
<hr align="center" size="1" width="50%">
<font face="Arial,Helvetica,MS Sans Serif">
meine eMail: <a class=linkint href="mailto:mm@webaid.de">mm@webaid.de</a><br>
meine Homepage: <a href="http://www.webaid.de/js" target="_top" class=linkint>http://www.webaid.de/js</a><br></center></font>
</body>
</html>















aber in den script sind noch einiger fehler!
 
3-Status-Buttons

Ich habe nun den Script folgendermaßen geändert, doch die untenstehende Fehlermaldung bringt mir ständig der MS Explorer, wenn ich einen der links klicke.






Neuer Script::

<HTML>
<HEAD>


<script language = "javascript">
<!--
browser=0
if (navigator.userAgent.substring(0,9) == "Mozilla/3")
{browser=1}
if (navigator.userAgent.substring(0,9) == "Mozilla/4")
{browser=1}

if (browser == 1)
{
var bildan = new Array();
var bildaus = new Array();
var bildclick = new Array();

bildan[0] = new Image();
bildan[0].src = "klick/hauptmenue_2.jpg";
bildaus[0] = new Image();
bildaus[0].src = "klick/hauptmenue_1.jpg";
bildclick[0] = new Image();
bildclick[0].src = "klick/hauptmenue_3.jpg";

bildan[1] = new Image();
bildan[1].src = "klick/wir_2.jpg";
bildaus[1] = new Image();
bildaus[1].src = "klick/wir_1.jpg";
bildclick[1] = new Image();
bildclick[1].src = "klick/wir_3.jpg";

bildan[2] = new Image();
bildan[2].src = "klick/vorstand_2.jpg";
bildaus[2] = new Image();
bildaus[2].src = "klick/vorstand_1.jpg";
bildclick[2] = new Image();
bildclick[2].src = "klick/vorstand_3.jpg";

bildan[3] = new Image()
bildan[3].src = "klick/wichtig_2.jpg";
bildaus[3] = new Image();
bildaus[3].src = "klick/wichtig_1.jpg";
bildclick[3] = new Image();
bildclick[3].src = "klick/wichtig_3.jpg";

bildan[4] = new Image()
bildan[4].src = "klick/fragen_2.jpg";
bildaus[4] = new Image();
bildaus[4].src = "klick/fragen_1.jpg";
bildclick[4] = new Image();
bildclick[4].src = "klick/fragen_3.jpg";

bildan[5] = new Image()
bildan[5].src = "klick/termine_2001_2.jpg";
bildaus[5] = new Image();
bildaus[5].src = "klick/termine_2001_1.jpg";
bildclick[5] = new Image();
bildclick[5].src = "klick/termine_2001_3.jpg";

bildan[6] = new Image()
bildan[6].src = "klick/geschichte_2.jpg";
bildaus[6] = new Image();
bildaus[6].src = "klick/geschichte_1.jpg";
bildclick[6] = new Image();
bildclick[6].src = "klick/geschichte_3.jpg";

bildan[7] = new Image()
bildan[7].src = "klick/gebote_2.jpg";
bildaus[7] = new Image();
bildaus[7].src = "klick/gebote_1.jpg";
bildclick[7] = new Image();
bildclick[7].src = "klick/gebote_3.jpg";

bildan[8] = new Image()
bildan[8].src = "klick/bildergalerie_2.jpg";
bildaus[8] = new Image();
bildaus[8].src = "klick/bildergalerie_1.jpg";
bildclick[8] = new Image();
bildclick[8].src = "klick/bildergalerie_3.jpg";

}

var geklickt = null;

function an(i)
{
if (browser == 1)
{
if (geklickt != i)
document.images.src=bildan.src;
}
}

function aus(i)
{
if (browser == 1)
{
if (geklickt != i)
document.images.src = bildaus.src;
}
}

function klick(i,a,b,c,d,e,f,g,h,t)
{
if (browser == 1)
{
if (geklickt != i)
{
document.images.src = bildclick.src;
document.images[a].src = bildaus[a].src;
document.images.src = bildaus.src;
document.images[c].src = bildaus[c].src;
document.images[d].src = bildaus[d].src;
document.images[e].src = bildaus[e].src;
document.images[f].src = bildaus[f].src;
document.images[g].src = bildaus[g].src;
document.images[h].src = bildaus[h].src;
document.images[t].src = bildaus[t].src;
}
}
geklickt = i;
}

function loadnew(x) {
if (document.all){
x.blur();
}
}
// -->
</script>



</HEAD>
<BODY text=#000079 link=#0000FF alink=#33cc66 vlink=#000099 background="03bg.jpg" onload="klick(0,1,2,3,4)">

<hr>
<font size=2>
<a style="text-decoration:none;" href="links_1.htm" target="_self" onMouseOver="an(0)" onMouseOut="aus(0)" onClick="klick(0,1,2,3,4,5,6,7,8,9);loadnew(this)"><img src="klick/hauptmenue_1.jpg" name="a" alt="" border="0"></a><br>
</font>


<HR> <!-- HR = Zeilenumbruch mit Strich -->
<h5>Musikverein:</h5>
<font size=3>
<a style="text-decoration:none;" href="msv_wir_ueber_uns.html" target="f_rechts" onMouseOver="an(1)" onMouseOut="aus(1)" onClick="klick(1,0,2,3,4,5,6,7,8,9);loadnew(this)"><img src="klick/wir_1.jpg" name="b" alt="" border="0"></a><br>
<a style="text-decoration:none;" href="msv_vorstand.html" target="f_rechts" onMouseOver="an(2)" onMouseOut="aus(2)" onClick="klick(2,0,1,3,4,5,6,7,8,9);loadnew(this)"><img src="klick/vorstand_1.jpg" name="c" alt="" border="0"></a><br>
<a style="text-decoration:none;" href="msv_wichtig.html" target="f_rechts" onMouseOver="an(3)" onMouseOut="aus(3)" onClick="klick(3,0,1,2,4,5,6,7,8,9);loadnew(this)"><img src="klick/wichtig_1.jpg" name="d" alt="" border="0"></a><br>
<a style="text-decoration:none;" href="msv_fragen.html" target="f_rechts" onMouseOver="an(4)" onMouseOut="aus(4)" onClick="klick(4,0,1,2,3,5,6,7,8,9);loadnew(this)"><img src="klick/fragen_1.jpg" name="e" alt="" border="0"></a><br>
<a style="text-decoration:none;" href="msv_termine.htm" target="f_rechts" onMouseOver="an(5)" onMouseOut="aus(5)" onClick="klick(5,0,1,2,3,4,6,7,8,9);loadnew(this)"><img src="klick/termine_2001_1.jpg" name="f" alt="" border="0"></a><br>
<a style="text-decoration:none;" href="msv_geschichte.html" target="f_rechts" onMouseOver="an(6)" onMouseOut="aus(6)" onClick="klick(6,0,1,2,3,4,5,7,8,9);loadnew(this)"><img src="klick/geschichte_1.jpg" name="g" alt="" border="0"></a><br>
<a style="text-decoration:none;" href="msv_10gebote.html" target="f_rechts" onMouseOver="an(7)" onMouseOut="aus(7)" onClick="klick(7,0,1,2,3,4,5,6,8,9);loadnew(this)"><img src="klick/gebote_1.jpg" name="h" alt="" border="0"></a><br>
<!-- <a href="msv_webcam.html" target="f_rechts" onmouseover="window.status=' Unsere WebCam » » »'; return true" onMouseOut = "window.status=''; return true" >WebCam</a><br> -->
<br>


<font size=2><u> siehe auch: </u></font><br>
<a style="text-decoration:none;" href="links_bilder.htm" target="_self" onMouseOver="an(8)" onMouseOut="aus(8)" onClick="klick(8,0,1,2,3,4,5,6,7,9);loadnew(this)"><img src="klick/bildergalerie_1.jpg" name="t" alt="" border="0"></a><br>
</font>

</BODY>
</HTML>

















DOCH DIESE FEHLERMELDUNG ERSCHEINT STÄNDIG:::::
HILFE!!!!!









Zeile: 125
Zeichen: 3
Fehler: 'document.images[...]'ist kein Objekt
Code: 0


















HILFE !! BITTE UM HILFE !!!! HILFE!!!!!!!
 
ist es das erste mal, dass du in einem forum postest? scheint so.
dann pass mal auf:
1. threads kann man auch benutzen, um die zugehörigen antworten dorthin zu schreiben.
2. dermassen lange postings / quellcodes wird sich eh kaum einer anschauen. die seiten werden unnätig langsam, der traffic steigt, die kosten (für mich) explodieren.
3. speichere deine seite mit allen grafiken irgendwo im netz und setzt einen link dorthin.
4. grosschreiben wird im allgemeinen als schreien empfunden UND DAMIT ALS UNHÖFLICH!!!

wenn du all das berücksichtigst und dir auch mal die netiquette zu gemüte führst, dann sollte alles klappen.

bye,
mo
 
e Status Button => LÖSUNG GEFUNDEN <=

Hallo, ich habe es geschafft!
Ich habe die Lösung zu meinem Problem gefunden und will sie euch natürlich auch nicht vorenthalten! Doch leider habe ich noch keine Internetdomain, auf der ich sie präsentieren kann - Sorry M.M. - also habe ich mich entschieden den Quelltext einfach hierher zu schreiben - nochmals sorry, da etwas lang - ::

<haed>

<script language="JavaScript">
<!--
if (navigator.appVersion.indexOf("2.") != -1){
check = false;
}
if ((navigator.appVersion.indexOf("3.") != -1) && (navigator.appName.indexOf("Explorer") != -1)){
check = false;
}
else
{
check = true;
}
if (check == true){
image1 = new Image();
image1.src = "klick/hauptmenue_1.jpg";
image1on = new Image();
image1on.src = "klick/hauptmenue_2.jpg";
image1alt = new Image();
image1alt.src = "klick/hauptmenue_3.jpg";

image2 = new Image();
image2.src = "klick/wir_1.jpg";
image2on = new Image();
image2on.src = "klick/wir_2.jpg";
image2alt = new Image();
image2alt.src = "klick/wir_3.jpg";

image3 = new Image();
image3.src = "klick/vorstand_1.jpg";
image3on = new Image();
image3on.src = "klick/vorstand_2.jpg";
image3alt = new Image();
image3alt.src = "klick/vorstand_3.jpg";

image4 = new Image();
image4.src = "klick/wichtig_1.jpg";
image4on = new Image();
image4on.src = "klick/wichtig_2.jpg";
image4alt = new Image();
image4alt.src = "klick/wichtig_3.jpg";

image5 = new Image();
image5.src = "klick/fragen_1.jpg";
image5on = new Image();
image5on.src = "klick/fragen_2.jpg";
image5alt = new Image();
image5alt.src = "klick/fragen_3.jpg";

image6 = new Image();
image6.src = "klick/termine_2001_1.jpg";
image6on = new Image();
image6on.src = "klick/termine_2001_2.jpg";
image6alt = new Image();
image6alt.src = "klick/termine_2001_3.jpg";

image7 = new Image();
image7.src = "klick/geschichte_1.jpg";
image7on = new Image();
image7on.src = "klick/geschichte_2.jpg";
image7alt = new Image();
image7alt.src = "klick/geschichte_3.jpg";

image8 = new Image();
image8.src = "klick/gebote_1.jpg";
image8on = new Image();
image8on.src = "klick/gebote_2.jpg";
image8alt = new Image();
image8alt.src = "klick/gebote_3.jpg";

image9 = new Image();
image9.src = "klick/bildergalerie_1.jpg";
image9on = new Image();
image9on.src = "klick/bildergalerie_2.jpg";
image9alt = new Image();
image9alt.src = "klick/bildergalerie_3.jpg";

}
imagealt = ""
function imageon(name){
if (imagealt != name){
document[name].src = eval(name + "on.src");
}
}
function imageoff(name){
if (imagealt != name){
document[name].src = eval(name + ".src");
}
}
function on(name){
if (check == true){
imageon(name);
}
}
function off(name){
if (check == true){
imageoff(name);
}
}
function alt(name){
if (check == true){
document[name].src = eval(name + "alt.src");
if (imagealt != name){
if (imagealt != ""){
document[imagealt].src = eval(imagealt + ".src");
}
}
imagealt = name
}
}
// -->
</script>
</HEAD>


<BODY text=#000079 link=#0000FF alink=#33cc66 vlink=#000099 background="03bg.jpg">

<a href="links_1.htm" target="_self" onMouseOver="on('image1');" onMouseOut="off('image1')" onClick="alt('image1');"><img src="klick/hauptmenue_1.jpg" border="0" name="image1"></a><br>

<a href="msv_wir_ueber_uns.html" target="f_rechts" onMouseOver="on('image2');" onMouseOut="off('image2')" onClick="alt('image2');"><img src="klick/wir_1.jpg" border="0" name="image2"></a><br>

<a href="msv_vorstand.html" target="f_rechts" onMouseOver="on('image3');" onMouseOut="off('image3')" onClick="alt('image3');"><img src="klick/vorstand_1.jpg" border="0" name="image3"></a><br>

<a href="msv_wichtig.html" target="f_rechts" onMouseOver="on('image4');" onMouseOut="off('image4')" onClick="alt('image4');"><img src="klick/wichtig_1.jpg" border="0" name="image4"></a><br>

<a href="msv_fragen.html" target="f_rechts" onMouseOver="on('image5');" onMouseOut="off('image5')" onClick="alt('image5');"><img src="klick/fragen_1.jpg" border="0" name="image5"></a><br>

<a href="msv_termine.htm" target="f_rechts" onMouseOver="on('image6');" onMouseOut="off('image6')" onClick="alt('image6');"><img src="klick/termine_2001_1.jpg" border="0" name="image6"></a><br>

<a href="msv_geschichte.html" target="f_rechts" onMouseOver="on('image7');" onMouseOut="off('image7')" onClick="alt('image7');"><img src="klick/geschichte_1.jpg" border="0" name="image7"></a><br>

<a href="msv_10gebote.html" target="f_rechts" onMouseOver="on('image8');" onMouseOut="off('image8')" onClick="alt('image8');"><img src="klick/gebote_1.jpg" border="0" name="image8"></a><br>

<a href="links_bilder.htm" target="_self" onMouseOver="on('image9');" onMouseOut="off('image9')" onClick="alt('image9');"><img src="klick/bildergalerie_1.jpg" border="0" name="image9"></a><br>

</BODY>
</HTML>







Also, noch viel Spaß mit JS. Ich werde diese Seite garantiert noch öfter besuchen!!

Gruß, Christian
 
ok *augezudrück*
aber das nächste mal bitte nicht mehr so lange postings. im allgemeinen sind solche sachen besser im web aufgehoben.
bye,
mo
 
Zurück
Oben