<b>REGISTER</b>

GFX-Sector - HTML, CSS


 
GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Highlight/Hover funktioniert nicht :S » Hello Guest [Login|Register]
Last Post | First Unread Post Print Page | Recommend to a Friend | Add Thread to Favorites

HTML, CSS
Einfache Scriptsprachen und deren Layout mit HTML und CSS
Pages (2): [1] 2 next » Post New Thread Post Reply

Highlight/Hover funktioniert nicht :S

     Deutsche Version  English version
Author
Post « Previous Thread | Next Thread »

samycarljohnson samycarljohnson is a male
Grafikpapst


Avatar von samycarljohnson

Registration Date: 23.11.2008
Posts: 2,330
Location: cgn
Program: adobe
Deviantart: freshsam

Spacer
Highlight/Hover funktioniert nicht :S

Highlight/Hover funktioniert nicht :S

       
http://petitange.pe.funpic.de/opernprojekt.rar

ich hab ein problem. wir machen in informatik eine seite zur kölner oper und ich hab mich halt mal ans layout gesetzt... ist ein bisschen von dem mittelalterradio hier ausm forum abgekupfert aber ich hoffe das ist kein problem...
nun zum eigentlichen problem:
ich hab versucht ein highlight-script einzubauen damit sich die buttons ändern.
Mit:
<html>
<head>
<title>Dynamische grafische Buttons</title>
<script type="text/javascript">
Normal1 = new Image();
Normal1.src = "button1.gif"; /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "button1h.gif"; /* erste Highlight-Grafik */

Normal2 = new Image();
Normal2.src = "button2.gif"; /* zweite Standard-Grafik */
Highlight2 = new Image();
Highlight2.src = "button2h.gif"; /* zweite Highlight-Grafik */

Normal3 = new Image();
Normal3.src = "button3.gif"; /* dritte Standard-Grafik */
Highlight3 = new Image();
Highlight3.src = "button3h.gif"; /* dritte Highlight-Grafik */

/* usw. fuer alle weiteren zu benutzenden Grafiken */

function Bildwechsel (Bildnr, Bildobjekt) {
window.document.images[Bildnr].src = Bildobjekt.src;
}
</script>
</head>
<body bgcolor="#FFFFC0" background="buttonsback.gif">

<table border="0" cellpadding="0" cellspacing="0"><tr>
<td valign="top">

<a href="../../../index.htm"
onmouseover="Bildwechsel(0, Highlight1)"
onmouseout="Bildwechsel(0, Normal1)"><img src="button1.gif"
width="130" height="30" border="0" alt="Home"></a><br>
<a href="../../../helferlein/index.htm"
onmouseover="Bildwechsel(1, Highlight2)"
onmouseout="Bildwechsel(1, Normal2)"><img src="button2.gif"
width="130" height="30" border="0" alt="Helferlein"></a><br>
<a href="../../../layouts/index.htm"
onmouseover="Bildwechsel(2, Highlight3)"
onmouseout="Bildwechsel(2, Normal3)"><img src="button3.gif"
width="130" height="30" border="0" alt="Layouts"></a><br>
</td>
</tr>
</table>

</body>
</html>


hab das design halt erst mit ps gesliced und dann versucht weiter denn quellcode zu bearbeiten... wenn ich jetzt allerdings auf den highlightbutton fahre ändert sich der header und nicht der highlight button... was tun?
wär super wenn sich jemand mal den quellcode angucken könnte und mir helfen könnte.
habs auchmal auf meinen webspace geladen:
http://petitange.pe.funpic.de/opernprojekt/oper.html

ohne highlight siehts so aus.
http://petitange.pe.funpic.de/ohnehighlight/oper.html

wäre super wenn mir bis spätestens mittwoch geholfen werden könnte. da hab ich nämlich wieder informatik... so please

danke

fresh sam.

likepoisyn.tumblr.com
Highlight/Hover funktioniert nicht :S 23.03.2009 22:25 samycarljohnson is offline Homepage of samycarljohnson Search for Posts by samycarljohnson

laughingGUY
Ohnefiltergrafiker


Avatar von laughingGUY

Registration Date: 02.11.2008
Posts: 293
Deviantart: laughingguy

Spacer
      

genau helfen kann ich dir nicht, aber schau dir mal das an und korrigier die fehler. du hast oft die anführungstriche vergessen: klick

edit: kann das sein das der pfad falsch ist, weil du hast im ordner bilder nix drinne, im script aba den pfat z.b.: bilder/abstandshalter. schaut fast so aus als wäre die pfad angabe falsch. ist aber nur eine vermutung.

This post has been edited 1 time(s), it was last edited by laughingGUY: 23.03.2009 23:56.
Highlight/Hover funktioniert nicht :S 23.03.2009 23:43 laughingGUY is offline Homepage of laughingGUY Search for Posts by laughingGUY

samycarljohnson samycarljohnson is a male
Grafikpapst


Avatar von samycarljohnson

Registration Date: 23.11.2008
Posts: 2,330
Location: cgn
Program: adobe
Deviantart: freshsam

Thread Starter Thread Started by samycarljohnson
Spacer
      

so validatorn vertrau ich nicht mehr richtig...
das mit den pfäden stimmt.
ändert allerdings nichts am problem... :S
es ändert sich immer noch nicht der bereich, den ich ändern will sondern der header. unglücklich


likepoisyn.tumblr.com
Highlight/Hover funktioniert nicht :S 24.03.2009 00:01 samycarljohnson is offline Homepage of samycarljohnson Search for Posts by samycarljohnson

Cobra_Fast Cobra_Fast is a male
Zauberstabbenutzer


Avatar von Cobra_Fast

Registration Date: 02.05.2007
Posts: 16
Location: von hier!
Program: The GIMP 2

Spacer
      

Autsch.
Du kannst doch nicht durch erstellen eines Bildes mit DOM Funktionen die Bild-URL verändern +_+

code: 
1:
2:
3:

<a href="hierentlang"><img src="link.jpg" alt="link" onMouseOver="this.src='link_hover.jpg';" onMouseOut="this.src='link.jpg';" /></a>


Bitte beachten das das src von onMouseOut das gleiche wie das src von img.


Mein Blog! - Bitte! Lesen!
Highlight/Hover funktioniert nicht :S 24.03.2009 14:59 Cobra_Fast is offline Homepage of Cobra_Fast Search for Posts by Cobra_Fast

samycarljohnson samycarljohnson is a male
Grafikpapst


Avatar von samycarljohnson

Registration Date: 23.11.2008
Posts: 2,330
Location: cgn
Program: adobe
Deviantart: freshsam

Thread Starter Thread Started by samycarljohnson
Spacer
      

okay. erstmal danke cobra smile
das hat soweit geklappt. aber wenn ich jetzt auf die seite gehe werden die bilder erst nach dem ersten mouseover angezeigt. wie kann ich das beheben?


likepoisyn.tumblr.com
Highlight/Hover funktioniert nicht :S 24.03.2009 16:14 samycarljohnson is offline Homepage of samycarljohnson Search for Posts by samycarljohnson

Seb@stian Seb@stian is a male
Designartist


Avatar von Seb@stian

Registration Date: 21.05.2008
Posts: 1,426
Program: Photoshop CS4, Flash CS3
Deviantart: SebBo-Design

Spacer
      

quote:
Original von fresh sam.
okay. erstmal danke cobra smile
das hat soweit geklappt. aber wenn ich jetzt auf die seite gehe werden die bilder erst nach dem ersten mouseover angezeigt. wie kann ich das beheben?


du musst die rollover vorausladen lassen.

code: 
1:

<body onload="Highlight1">


mit dem code müsse es gehen glaub ich, ansonsten Google ^^



..::Giftbucket::..
AG

.:: quantum .::. raD1anT .::. Seb@stian .::. -Soul .::. Surako .::. Tuneup91 ::.


This post has been edited 1 time(s), it was last edited by Seb@stian: 24.03.2009 16:20.
Highlight/Hover funktioniert nicht :S 24.03.2009 16:20 Seb@stian is offline Search for Posts by Seb@stian

samycarljohnson samycarljohnson is a male
Grafikpapst


Avatar von samycarljohnson

Registration Date: 23.11.2008
Posts: 2,330
Location: cgn
Program: adobe
Deviantart: freshsam

Thread Starter Thread Started by samycarljohnson
Spacer
      

wozu google fragen wenns hier so'ne top community gibt? großes Grinsen
wie soll ich das tag einbinden? habs einfach in den body geschrieben mit
<onload="Normal1"> aber geht nicht...


likepoisyn.tumblr.com
Highlight/Hover funktioniert nicht :S 24.03.2009 16:52 samycarljohnson is offline Homepage of samycarljohnson Search for Posts by samycarljohnson

Seb@stian Seb@stian is a male
Designartist


Avatar von Seb@stian

Registration Date: 21.05.2008
Posts: 1,426
Program: Photoshop CS4, Flash CS3
Deviantart: SebBo-Design

Spacer
      

jap, gehört auch in den body ^^ nur was in die klammern kommt weiß ich nicht(mehr) so genau, deswegen hab ich google gesagt großes Grinsen hm probiers mal mit dem pfad von dem rollover bild

also da gehört er rein:

code: 
1:
2:
3:
4:
5:
6:
7:
8:

<html>
<head>
</head>
<body HIER>
</body>
</html>



..::Giftbucket::..
AG

.:: quantum .::. raD1anT .::. Seb@stian .::. -Soul .::. Surako .::. Tuneup91 ::.


This post has been edited 1 time(s), it was last edited by Seb@stian: 24.03.2009 17:01.
Highlight/Hover funktioniert nicht :S 24.03.2009 17:00 Seb@stian is offline Search for Posts by Seb@stian

samycarljohnson samycarljohnson is a male
Grafikpapst


Avatar von samycarljohnson

Registration Date: 23.11.2008
Posts: 2,330
Location: cgn
Program: adobe
Deviantart: freshsam

Thread Starter Thread Started by samycarljohnson
Spacer
      

ok danke. hab meine probleme beheben können smile


likepoisyn.tumblr.com
Highlight/Hover funktioniert nicht :S 24.03.2009 17:53 samycarljohnson is offline Homepage of samycarljohnson Search for Posts by samycarljohnson

Seb@stian Seb@stian is a male
Designartist


Avatar von Seb@stian

Registration Date: 21.05.2008
Posts: 1,426
Program: Photoshop CS4, Flash CS3
Deviantart: SebBo-Design

Spacer
      

k dann ist ja gut^^ könntest du pls den code posten wie er jetzt richtig ist, damit ichs fürs nächste mal genau weiß großes Grinsen (und für alle anderen die das gleiche Problem haben/hatten/haben werden.)



..::Giftbucket::..
AG

.:: quantum .::. raD1anT .::. Seb@stian .::. -Soul .::. Surako .::. Tuneup91 ::.
Highlight/Hover funktioniert nicht :S 24.03.2009 18:03 Seb@stian is offline Search for Posts by Seb@stian

samycarljohnson samycarljohnson is a male
Grafikpapst


Avatar von samycarljohnson

Registration Date: 23.11.2008
Posts: 2,330
Location: cgn
Program: adobe
Deviantart: freshsam

Thread Starter Thread Started by samycarljohnson
Spacer
      

im head:

<script language="JavaScript">

aus1 = new Image();
aus1.src = "Normal.jpg";
an1 = new Image();
an1.src = "Highlight.jpgf";
//-->
</script>


im body:

<a href="oper.html" onmouseover="a1.src='Highlight.jpg';"
onmouseout="a1.src='Normal.jpg';"><img src="Normal.jpg" border="0"></a>


und nochmal im code-tag

code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:

<head>
<script language="JavaScript">

aus1 = new Image();
aus1.src = "Normal.jpg";
an1 = new Image();
an1.src = "Highlight.jpgf";
//-->
</script>
</head>
<body>
<a href="oper.html" onmouseover="a1.src='Highlight.jpg';"
 onmouseout="a1.src='Normal.jpg';"><img src="Normal.jpg" border="0"></a>
</body>


likepoisyn.tumblr.com
Highlight/Hover funktioniert nicht :S 24.03.2009 18:40 samycarljohnson is offline Homepage of samycarljohnson Search for Posts by samycarljohnson

Seb@stian Seb@stian is a male
Designartist


Avatar von Seb@stian

Registration Date: 21.05.2008
Posts: 1,426
Program: Photoshop CS4, Flash CS3
Deviantart: SebBo-Design

Spacer
      

aber da ist das vorrausladen doch nicht dabei oder 0o



..::Giftbucket::..
AG

.:: quantum .::. raD1anT .::. Seb@stian .::. -Soul .::. Surako .::. Tuneup91 ::.
Highlight/Hover funktioniert nicht :S 24.03.2009 18:46 Seb@stian is offline Search for Posts by Seb@stian

samycarljohnson samycarljohnson is a male
Grafikpapst


Avatar von samycarljohnson

Registration Date: 23.11.2008
Posts: 2,330
Location: cgn
Program: adobe
Deviantart: freshsam

Thread Starter Thread Started by samycarljohnson
Spacer
      

ja das hat etwas anders geklappt.
und zwar indem man hinter das <a href-tag nochmal das <img src="...-tag macht.
kannst du ja im quelltext nachlesen.


likepoisyn.tumblr.com
Highlight/Hover funktioniert nicht :S 24.03.2009 19:26 samycarljohnson is offline Homepage of samycarljohnson Search for Posts by samycarljohnson

Fireball Fireball is a male
Boardchef


Avatar von Fireball

Registration Date: 11.11.2006
Posts: 16,355
Classing-Rank: GFX-Sector
Location: Bremen, Deutschland
Program: Adobe Photoshop CS2
Deviantart: oenismaster
Forums: (alle)

Spacer
      

Hm...
Warum machste das nicht einfach mit CSS?
Ist viiiiiiiiiiiiiiiiiiiiiel einfacher und userfreundlicher Wink

CSS:

code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:

.linkhover a:link, .linkhover a:visited, .linkhover a:active {
     background-image: url(urldesbildesohnehover);
     background-repeat: no-repeat;
}
.linkhover a:hover {
     background-image: url(urldesbildesmithover);
     background-repeat: no-repeat;
}


In HTML machste dann einfach:
code: 
1:

<a href="linkblabla.html" class="linkhover"></a>



Ohne Garantie, sollte aber klappen Zunge raus


Highlight/Hover funktioniert nicht :S 24.03.2009 20:39 Fireball is offline Homepage of Fireball Search for Posts by Fireball

samycarljohnson samycarljohnson is a male
Grafikpapst


Avatar von samycarljohnson

Registration Date: 23.11.2008
Posts: 2,330
Location: cgn
Program: adobe
Deviantart: freshsam

Thread Starter Thread Started by samycarljohnson
Spacer
      

mit css wärs in der tat einfacher. aber der hintergrund von den hoverbuttons ändert sich ja und ich weiß nicht wie man das dann macht... :S
und so wie du's erklärt hast hats nicht geklappt und ich weiß auch nicht ob es in diesem fall wirkich zeitsparend wäre...


likepoisyn.tumblr.com
Highlight/Hover funktioniert nicht :S 24.03.2009 20:59 samycarljohnson is offline Homepage of samycarljohnson Search for Posts by samycarljohnson
 
Spacer
   
GFX-Sector
unregistered


hat kein Avatar


Spacer

Have you enjoyed this topic?

If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)
New Post 25.03.2009 20:28  
Pages (2): [1] 2 next » Tree Structure | Board Structure
Post New Thread Post Reply
GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Highlight/Hover funktioniert nicht :S

Similar topics to Highlight/Hover funktioniert nicht :S
Thread
[Problem] Mir fällt nichts ein;( (Forum: Fragen & Probleme)
Sig / Ava ich weiss nicht was es ist xD (Forum: Sonstiges)
[Anime] nicht so toll... (Forum: Signaturen/Avatare)
Highlight [green] (Forum: Signaturen/Avatare)
Bestätigungsmail kommt nicht an (Forum: Gästeforum)

 
Heutige TOP 10 Suchbegriffe:
Gfx Wallpaper Cro Schwarzer Mann One Piece Wallpaper Cro Hd Wallpaper Gfx Gfx Tutorials Photoshop Audi Rs8 Marlboro Kkk Effect Stocks Pack
Highlight/Hover funktioniert nicht :S : HTML, CSS (Permalink)
  Sectorbereich   Forenbereich   Battlesection