onClick + über bild schreiben Problem

A

aL1ien

Mitglied
Liebe Com,

Ich habe mit javascript ein paar buttons gemacht, wenn man über die fährt, dass es das bild ändert und wenn man drauf klickt ebenfalls. Aber wenn man nun draufklickt und mit der Maus wieder wegfährt, wird wegen dem "onmouseout" gerade wieder das "startbild" geladen. Wie kann ich das umgehen? Bitte ganzen code , da ich nicht viel zeit habe und das bis heute fertig sein muss x(

zun meinem zweiten Problem...

Da ich die Buttons nicht via Photoshop einzeln bearbeiten will, will ich einfach über den Button einen Text schreiben. Ihn kann ich ja ganz eifnach in den BG schieben, aber leider gehen dann die onmouse , onclick etc effeckte nicht mehr. Wie kann ich das umgehen, dass ich über das Bild schreiben kann aber die Effeckte trotzdem noch richtig funktionierren?

danke<3

mfG


(p.s. Es beinhaltet javascript sowie html probleme, darum poste ich es hier!)
 
aL1ien hat gesagt.:
Bitte ganzen code , da ich nicht viel zeit habe und das bis heute fertig sein muss x(
Zum Vergrößern anklicken....
Moin,

was ist das denn bitte für eine Einstellung?

Wenn du hier eine Lösung für deinen Code benötigst, solltest du ihn hier auch zunächst mal vorstellen - ansonsten gehört der Thread in dieser Form eindeutig ins Jobforum, denn dieser Forenbereich ist keine ABM-Vermittlungsstelle.

Zur zweiten Frage empfehle ich dir mein CSS-Tutorial CSS-Rollover.

mfg Maik
 
Es geht darum, dass ich dies schon etwa 1 Woche lang versuche und extra NIE in ein Forum geschaut habe, um es wirklich ALLEINE rauszufinden, aber heute abend muss es eben fertig sein.

Und ich möchte mich gerne für diesen Satz entschuldigen, da ihr ja NICHT meine Sklaven seid ;)


edit://

Ich möchte dies gerne mit Javascript realisieren. Das prinzip st simpel, ich habe einfach nur 3 Grafiken.

Graifk 1 ist standard
Graifk 2 ist das standard bild + einem rahmen, das auftauchen soll, wenn man darüber fährt.
Grafik 3 ist ein neues bild, dass auftauchen soll, wenn man es anklickt
 
Zuletzt bearbeitet:
Solange du hier keinen Link zu deiner Seite nennst, damit man sich das Problem erstmal näher betrachten kann, wird dir hier wohl kaum jemand einen gebrauchsfertigen Quellcode auf dem Silbertablett präsentieren - es sei denn, ich platziere deine Anfrage in unserem Jobforum für Stellenangebote.

Wenn du an einer JS-Lösung festhalten möchtest, kannst du ja mal einen Blick in das Thema 3 Button Menü erstellen werfen, derweil verschiebe ich den Thread für's Erste in den themenbezogenen Forenbereich.

mfg Maik
 
Geil, das zweite Problem ist weg (:

Ich kann die Seite wegen ein paar rechtlichen Gründen noch nicht posten ;)

Jetzt fehtl nurnoch, dass die Buttons im Hintergrund sind und das ich nun etwas darüber schrieben kann.
 
ok, das ist die 4 register

Code: 
clicked=false;
function btn_init()
{
  pattern=/(normal|hover|active)\./i;
  btns = document.getElementsByName('btn');
  for(b=0;b<btns.length;++b)
    {
      btns[b].onmouseover=function()
        {
          if(clicked!=this)
            {
              this.src=this.src.replace(pattern,'hover.');
            }
        }
      btns[b].onmouseout=function()
        {
          if(clicked!=this)
            {
              this.src=this.src.replace(pattern,'normal.');
            }
        }
      btns[b].onclick=function()
        {
              if(clicked)
                {
                  clicked.src = clicked.src.replace(pattern,'normal.');
                }
              this.src=this.src.replace(pattern,'active.');
              clicked=this;
        }
    }
}
window.onload = btn_init;


//-->
</script>
<style type="text/css">
<!--
.style1 {color: #FFFFFF}
.style2 {color: #000000}

-->
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">



<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr> 
	  <td width="10" rowspan="5" align="left" valign="top"><!-- navigation -->
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr> 
          <td>&nbsp;</td>
        </tr>
        <tr> 
        
        </tr>
        <tr> 
          <td>&nbsp;</td>
        </tr>
      </table>
	  </td>
		<td width="10" rowspan="5" align="left" valign="top">&nbsp;</td>
		<td width="1336" align="left" valign="top">
		  <img src="img/index-intranet.gif" width="100%" height="70" align="right"> 
			<table width="104%" border="0" cellspacing="0" cellpadding="0">
				<tr> 
					<td valign="top">&nbsp;</td>
					<td width="100%" valign="top">
						<table width="90%" border="0" cellspacing="0" cellpadding="0">
							<tr>
		        		
						</td>
	   					</tr>
	  				</table>
					</td>
	 				<td valign="top">&nbsp;</td>
	 				<td align="left" valign="top">
						<table border="0" cellspacing="0" cellpadding="0">
	  					<tr>
								
						  </tr>
							<tr>
								<td>&nbsp;</td>
							</tr>
							<tr>
						
	  					</tr>
	   					<tr>
								<td>&nbsp;</td>
	  					</tr>
	  				</table>
					</td>
				</tr>
		  </table>
		</td>
  	<td width="4" rowspan="5" valign="top">&nbsp;</td>
	</tr>
	<tr> 
		<td><table width="100%"  border="0">
          <tr>
            <th width="10%" scope="row"><div align="left"> 

			<img src="img/dateiname_normal.gif" name="btn">

			</td>
																				 
</th>
            <td width="10%"><div align="left">
    
	
			<img src="img/dateiname_normal.gif" name="btn">

</td>
            <td width="10%">
			<img src="img/dateiname_normal.gif" name="btn">
			</td>
            <td width="60%">
			<img src="img/dateiname_normal.gif" name="btn">	</a>
			
			
			</td>
          </tr>
        </table></td>
	</tr>


hmmm, die einrückungen hat es verzogen, sorry >_<



Sorry wegen doppelpost , erst jetzt gesehen x(
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück