• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

javascript, frage: document.getElementsByTagName

Status
Für weitere Antworten geschlossen.
3

3Tbles

Neues Mitglied
hier ist die seite: The Brushers -> bodypeinting und dann wettbewerbe...

also wenn man auf ein bild klickt, bekommt das geklickte bild einen weissen rahmen. jedoch irgendwie etwas verschoben?!

also um 10 pixel oder so?!
woran liegts??!?!?!

HTML: 
<script type="text/javascript">

<!--

function setcss(k) {

 for(var i = 0; i < document.getElementsByTagName("a").length; i++) {

   if (k != i)
   document.getElementsByTagName("a")[i].style.border = "";

   else

   document.getElementsByTagName("a")[i].style.border ="2px solid red ";

    }

}

//-->

</script>
HTML: 
<a href="http://www.html.de/images/wett_1.jpg" target="bild"  onclick="setcss(0)"><img src="http://www.html.de/images/wett_1a.jpg" border="0" style="FILTER: alpha(opacity=50);" width="40"></a> <br>

<a href="http://www.html.de/images/wett_2.jpg" target="bild"  onclick="setcss(1)"><img src="http://www.html.de/images/wett_2a.jpg" border="0" style="FILTER: alpha(opacity=50);" width="40"></a> <br>
wäre echt nett von euch!!
danke!!
 
ich denke das dein problem vom mit js gescreenten rahmen abhängt. das a tag welches das bild umgibt, verschiebt das bild um 2px nach bei rahmenanzeige.

richte mal alles zentriert aus und gib der tabelle eine breite von 44 oder 46 px
denn dein bild ist 40px breit plus 2mal2 px sind 44px. bei 45px hast du ein px breite übrig.
 
danke, werde gleich ausprobieren!

ich habe eine folgende frage, und zwar:

also diese getElementsByTagName mathode, ich habe es oben mit der textfarbe gemacht, wie muss man den code gestalten, damit folgendes passiert:

wenn man auf ein bild glickt, und es onclick="setcss(0)" passiert,

dass ein anderes bild anstatt dem einem erscheint..

also das prinzip wie mit text, damit man sieht auf welcher seite man ist,

nur sollte es halt mit buttons sein, die ich erstelle, also kleine bildchen..


versteht man das etwas?
wie geht das ?!

danke!!!!
 
hi

also ich verstehe dein vorhaben nicht ganz.
Willst du eine navi aus bildern erstellen oder willst du, das es für jede seite ein anderes bild anzeigt?
 
also ich habe es so gemacht bis jetzt, ich weiss das mit javascript ist es falsch jetzt...wie soll es richitg sein?!


HTML: 
<html>
<head>
<title>The Brushers</title>
<style type="text/css">
<!--
body       { background-color: #caccf8;}
a:link     { color: #FF0033; text-decoration: none;}
a:visited  { text-decoration: none; color: #FF0033;}
a:hover    { text-decoration: underline; color: #99FF33;}
a:active   { text-decoration: none;}
#inhalt    { width:876px; height:388px;}
.inhalt    { position:relative; margin:20px 30px 40px 50px;}
-->
</style>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="no">

<div align="center">

  <p><img src="home.jpg" width="1024" height="526" border="0" usemap="#Map" />

<map name="Map" id="Map">

<area shape="rect" coords="10,112,65,135" href="home1.html" target="inhalt" onclick="document.getElementsByTagName("body")[0].style.background="url(galerie.jpg)" />

<area shape="rect" coords="10,145,80,160" href="galerie1.html" target="inhalt" onclick="document.getElementsByTagName("body")[0].style.background="url(galerie.jpg)" />

<area shape="rect" coords="10,175,117,195" href="referenzen1.html" target="inhalt" onclick="document.getElementsByTagName("body")[0].style.background="url(galerie.jpg)" />

<area shape="rect" coords="10,205,100,225" href="ueberuns1.html" target="inhalt" onclick="document.getElementsByTagName("body")[0].style.background="url(galerie.jpg)" />

<area shape="rect" coords="10,238,115,254" href="impressum1.html" target="inhalt" onclick="document.getElementsByTagName("body")[0].style.background="url(galerie.jpg)" />

<area shape="rect" coords="10,265,60,288" href="links1.html" target="inhalt" onclick="document.getElementsByTagName("body")[0].style.background="url(galerie.jpg)" />

<area shape="rect" coords="10,295,85,315" href="kontakt1.html" target="inhalt" onclick="document.getElementsByTagName("body")[0].style.background="url(galerie.jpg)" />

</map></p>
<iframe class="inhalt" id="inhalt" border="0" frameborder="0" width="675" height="388" src="home1.html" name="inhalt"></iframe>

</div>


</body>
</html>
im prinzip habe ich es so gemacht, dass das hintergrundbild geändert werden soll, aber es funktioniert irgendwie nicht..(so wurde es aber nicht gemeint)

ich habe es aber vorgehabt dass das das eigentliche home.jpg bild geändert wird, wenn man jetzt z.B. auf gallerie klickt, dass das bild gallerie.jpg erscheint...


Index of /3tbles/alternative hier die seite...
 
okay, gerade etwas verschoben, der iframe teil sollte eigentlich innerhalb von der seite sein, das mach cih aber gleich...

achja und kann man das so machen, dass die iframe fläche relative zu dem div
steht?!

also praktisch wenn ich margin-left sage, dass er es nicht vom linken bildrand zählt, sondern vom bild selber?! und genau so von oben, nicht vom bildrand, sondern relativ zu dem bild..(sollt in firefox und IE auch gleich dargestellt werden)


danke!
 
also wenn ichs jetzt richtig verstanden habe, möchtest du das bild oben rechts immer dem seiten inhalt anpassen? also du hast den hintergrund fix und ein zweites bild fürs logo?
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben