Hintergrundfarbe ändern

Tassadus

OK, Ich brauche dringend hilfe! Ich versuche ein html code zu erstellen wobei ich meine Mouse auf ein Bold drüber halte, sodass sich die Hintergrundsfarbe ändert. Hier ist was Ich gemacht habe.

Code

<TD>[url='http://www.immotime.net/website/page/biete_frame.htm'][img]indexhome_files/ichbiete.jpg[/img][/url]</TD> 
<TD> </TD>

Also sollte die Farbe dc16dc sein. Kann mir jemand ein Code vorschlag machen? Ich habe gehörht dass Ich es mit Java machen sollte aber genau wie (genauer code). Wäre super toll ween jemand wir helfen könnte. Ciao"

admin

Meinst Du jetzt die Hintergrundfarbe der Tabelle oder was genau

erg...ja...ich glaub das hat villeiht was mit main.js zu tun...

Also, hier ist der komplette code.

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<meta http-equiv="Content-Language" content="de">
<TITLE>Prof. Schuch Immobilien</TITLE>
<META content="text/html; charset=windows-1252" http-equiv=Content-Type>
<SCRIPT language=javascript src="D:/main.js"></SCRIPT>


<META content="Microsoft FrontPage 5.0" name=GENERATOR></HEAD>
<body>
	<TR>
	 <TD bgColor=#000000 </TD></TR></body>


<TABLE border=0 cellPadding=0 cellSpacing=0 height="100%" width="100%">
  <TBODY>
  <TR>
    <TD align=middle bgColor=#404040 height=128 vAlign=bottom>
      <TABLE border=0 cellPadding=0 cellSpacing=0 width="60%" style="border-collapse: collapse">
        <TBODY>
        <TR>
          <TD height=19 width=394>&</TD>
          <TD rowSpan=3 width=106>
          &</TD></TR>
        <TR>
          <TD height=51 width="100%">
          <font face="Trebuchet MS" size="7" color="#FFFFFF">&& Prof. 
          Schuh Securities Gmbh</font></TD></TR>
        <TR>
          <TD height=36 vAlign=top>
          </A>&</TD></TR>
        <TR>
          <TD colSpan=2>
            <DIV align=center></DIV></TD></TR></TBODY></TABLE></TD></TR>
  <TR>
    <TD align=middle height="50%" vAlign=top>
      <TABLE border=0 cellPadding=0 cellSpacing=0 width=450 bgcolor="#000000">
        <TBODY>
        <TR>
          <TD colSpan=8 width="446">



&</P>



&</P></TD></TR>
        <TR>
          <TD align=middle width=108><a target="_parent">
          [img]Angebot_000000.gif[/img]</a></TD>
          <TD width=10>&</TD>
          <TD width=100>
            <DIV align=center><A 
            onmouseover="chg_color('0000FF');" target="_parent">
              [img]Überuns_000000.gif[/img]</A></DIV></TD>
          <TD width=10>
            <DIV align=center></DIV></TD>
          <TD width=100><a target="_parent">
          [img]Referenzen_000000.gif[/img]</a></TD>
          <TD width=10>&</TD>
          <TD width=100><a target="_parent">
          [img]Kontakt_000000.gif[/img]</a></TD>
          </TR>
        <TR>
          <TD width="108"><a target="_parent">
          [img]gewerbe_small.jpg[/img]</a></TD>
          <TD width="10">&</TD>
          <TD width="100"><a target="_parent">
          [img]haus_small.jpg[/img]</a></TD>
          <TD width="10">&</TD>
          <TD width="100"><a target="_parent">
          [img]miete_small.jpg[/img]</a></TD>
          <TD width="10">&</TD>
          <TD width="100"><a onmouseover="chg_color('0000FF');" target="_parent">
          [img]ichbiete.jpg[/img]</a></TD>
          </TR>
        <TR height="100%">
          <TD colSpan=8 height=83 width="446">&</TD></TR>
        <TR height="100%">
          <TD height="100%" vAlign=bottom width="108">&</TD>
          <TD colSpan=6 height="100%" vAlign=bottom width="330">&</TD>
          <TD height="100%" vAlign=bottom width="12">



&</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></BODY></HTML>

Alles anzeigen

Wie man oben sieht merkt man das ich auch main.js habe. Also, hier ist der code für diesen Teil.

Code

// JavaScript Document
function partner_popup()
	{
	partnerpop=open("partner.htm","partnerpop","toolbar=no,width=330,height=450,scrollbars=no,location=no");
	partnerpop.focus();
	}
 var d=document;
 
function ein(image) {


        if (document.images) {


             var src = image.src;


             var off = src.lastIndexOf("off");


             if (off != -1) {


                var newsrc = src.substring(0,off) + "on";


                image.src = newsrc + ".gif";


               }


         }


     }




 var d=document;
 
function ein(image) {


        if (document.images) {


             var src = image.src;


             var off = src.lastIndexOf("off");


             if (off != -1) {


                var newsrc = src.substring(0,off) + "on";


                image.src = newsrc + ".gif";


               }


         }


     }




 var d=document;
 
function ein(image) {


        if (document.images) {


             var src = image.src;


             var off = src.lastIndexOf("off");


             if (off != -1) {


                var newsrc = src.substring(0,off) + "on";


                image.src = newsrc + ".gif";


               }


         }


     }








function aus(image) {


         if (document.images) {


              var src = image.src;


              var on = src.lastIndexOf("on");


              if (on != -1) {


                 var newsrc = src.substring(0,on) + "off" + 


               src.substring(on + 2, src.length);


                 image.src = newsrc;


             }


        }


     }






function grafiken(){


              this.length = grafiken.arguments.length;


                for (var i = 0; i < this.length; i++) {


                this[i] = new Image();


                this[i].src = grafiken.arguments[i];}}



				function ein_gif(image) {
        if (document.images) {
             var src = image.src;
             var off = src.lastIndexOf("off");
             if (off != -1) {
                var newsrc = src.substring(0,off) + "on";
                image.src = newsrc + ".gif";
               }
         }
     }










function aus_gif(image) {
         if (document.images) {
              var src = image.src;
              var on = src.lastIndexOf("on");
              if (on != -1) {
                 var newsrc = src.substring(0,on) + "off" + 
               src.substring(on + 2, src.length);
                 image.src = newsrc;
             }
        }
     }







function start()


{


        if (document.images) {var stuff = new grafiken(


		"file:///d:/pss/angebot_000000.gif",
		"file:///d:/pss/angebot_0000FF.gif",
		"file:///d:/pss/angebot_004040.gif",
		"file:///d:/pss/angebot_198040.gif",
		"file:///d:/pss/angebot_800000.gif",

		"file:///d:/pss/Überuns_000000.gif",
		"file:///d:/pss/Überuns_0000FF.gif",
		"file:///d:/pss/Überuns_004040.gif",
		"file:///d:/pss/Überuns_198040.gif",
		"file:///d:/pss/Überuns_800000.gif",

		"file:///d:/pss/Referenzen_000000.gif",
		"file:///d:/pss/Referenzen_0000FF.gif",
		"file:///d:/pss/Referenzen_004040.gif",
		"file:///d:/pss/Referenzen_198040.gif",
		"file:///d:/pss/Referenzen_800000.gif",

		"file:///d:/pss/Kontakt_000000.fig"
		"file:///d:/pss/Kontakt_0000FF.gif",
		"file:///d:/pss/Kontakt_004040.gif",
		"file:///d:/pss/Kontakt_198040.gif",
		"file:///d:/pss/Kontakt_800000.gif",

		)


		}


}




function chg_color(color)


{


	if (document.images)
	{	
		d.angebot.src="file:///d:/pss/Angebot_"+color+".gif";
		d.überuns.src="file:///d:/pss/Überuns_"+color+".gif";
		d.referenzen.src="file:///d:/pss/Referenzen_"+color+".gif";
		d.kontakt.src="file:///:/pss/Kontakt_"+color+".gif";

		if (color=='0000FF') {document.bgColor='#0000FF';}
		if (color=='004040') {document.bgColor='#004040';}
		if (color=='198040') {document.bgColor='#198040';}
		if (color=='800000') {document.bgColor='#800000';}
		if (color=='000000') {document.bgColor='#000000';}
	}

}

Alles anzeigen

Sieht euch dass mal an. Könnt ihr mal mir sagen warum jetzt das Bild und der Hintergrund sich nicht verändern?

Tassadus

Der Gast bin ich :), habe zweimal vergessen mich einzuloggen. Tut mir leid. lol

admin

Hi, bevor ich mich hier den Kopf zerbreche,
schau mal auf dieser Seite nach, ob Dein Effekt dabei ist.

http://www.javatop.de/scripte3/mouseover.htm

Tassadus

OK, ist schon alles OK, hab ein bischen zu viel code getippt. naja, nachdem ich von vorn angefangen habe, habe ich nur noch 10 zeilen gehabt, und alles funktioniert. Danke trotzdem. machs gut, Tassadus

Tags