Problem mit effekt buttons

gast

hey ich hab mit dem text

HTML

<html>
	<head>
		<script type="text/javascript">

			Normal1 = new Image();
			Normal1.src = "home.gif";
			Highlight1 = new Image();
			Highlight1.src = "homeh.gif"; 


						function Bildwechsel (Bildnr, Bildobjekt) {
			  window.document.images[Bildnr].src = Bildobjekt.src;
			}
		</script>
	</head>
                <body>
<a href="home.html"
		   onMouseOver=\"Bildwechsel(0, Highlight1)"
		   onMouseOut=\"Bildwechsel(0, Normal1)"
		  target="fenster">
[img]home.gif[/img]
.....

Alles anzeigen

buttons als links eingebund bekomm es aber nicht hin das wenn man drüber geht der geändert wird und dann wenn man anklickt auch geändert wird in eine dritte form und zwar dann dauerhaft bis man auf den nächsten klickt

hab das mit onclick versucht hat aber nicht gefunzt
wär nett wenn mir jemand mal etwas code geben könnte mit dem das geht

danke im vorraus

GreenRover

wie viele buttems sollen das den werden???

gib mal ein Beispiel!!!

Langa

also bis jetzt sollen es 6 werden hab erstmal mit einem rum probiert

GreenRover

mach die buttomsa und die bilder erstmal fertig.

Langa

ist alles fertig brauch nur noch den quelltext
so geht er halt aber breuchte halt noch was um den dritten zustand zu machen

GreenRover

gib mal einen link

Langa

also so wie ich es jetzt gezeigt hab ist ein beispiel auf der seite
http://www.fahrschule-rother.de.tt
aber die seite die ich machen will ist noch nicht online will das erstmal offline machen

cookie

kopier halt den code geht das net??

Langa

den hab ich selbst gemacht
der hilft mir aber nur bedingt wenn man drauf klickt soll es ein dritter button gezeigt werden
ein eingedrückte und zwar so lange bis man auf den nächsten klickt
und das bekomm ich nicht hin

cookie

also quasi so man geht mit der maus drüber es wird eine schrift angezeigt und wenn man draufklickt und die maustaste hält wird das 2. bild gezeigt und wenn man garnichts drückt oder drüber geht das ganz normale?

Langa

nein die neuen buttons sehen aus wie knöpfe
wenn man drüber fährt soll der button dann hervorkommen
und wenn man drauf geklickt hat soll der knopf eingedrückt aussehen
auch wenn man nicht mehr drauf klickt oder mit der maus drauf ist
und der soll eingedrückt sein bis man auf den nächsten GEKLICKT hat.

GreenRover

mache erstmal das html fertig und tuhe die buttoms in eine ordner(mit directory indexes) und bezeichne sie dazu eindeutig. gib dann eine link

Langa

was ist denn so schwierig ich will doch nur den befehl wissen oder ob ich auf dem richtigen weg bin
versteht ihr das denn nicht???
will doch nur so was wissen wie
ja mach in die bildwechsel funktion nocht das das und das rein
und nicht so kompliziert wie mach nen link und alles fertig weil es genau das ist was mich aufhält das ist es doch

GreenRover

also ich würde es so machen:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>


<body>
<script language="javascript" type="text/javascript">
<!--
var activ;


funktion change_over (buttom_id)
{
 document.GetElementByID(buttom_id).src=buttom_id.'_over.jpg';
}


funktion change_out(buttom_id, activ)
{
 if(activ!=buttom_id)
 {
  document.GetElementByID(buttom_id).src=buttom_id.'_normal.jpg';
 } else {
  document.GetElementByID(buttom_id).src=buttom_id.'_activ.jpg';
 }
}


funltion change_click ( buttom_id )
{
 document.GetElementByID(buttom_id).src='buttom1_normal.jpg';
 document.GetElementByID(buttom_id).src='buttom2_normal.jpg';
 document.GetElementByID(buttom_id).src='buttom3_normal.jpg';
 document.GetElementByID(buttom_id).src='buttom4_normal.jpg';
 document.GetElementByID(buttom_id).src='buttom5_normal.jpg';
 document.GetElementByID(buttom_id).src='buttom6_normal.jpg';


 document.GetElementByID(buttom_id).src=buttom_id.'_activ.jpg';
 return buttom_id;
}
-->
</script>
</body>
[url='seite1.htm'][img]buttom1_normal.jpg[/img][/url]<br \>
[url='seite2.htm'][img]buttom2_normal.jpg[/img][/url]<br \>
[url='seite3.htm'][img]buttom3_normal.jpg[/img][/url]<br \>
[url='seite4.htm'][img]buttom4_normal.jpg[/img][/url]<br \>
[url='seite5.htm'][img]buttom5_normal.jpg[/img][/url]<br \>
[url='seite6.htm'][img]buttom6_normal.jpg[/img][/url]<
</html>

Alles anzeigen

Langa

na dann probier ich das gleich mal aus

Tags