Rollover Bild und TXT

P

PeterCool

Mitglied
Ja da habe ich eine Seite Fertig und schon habe ich wieder ein Problem.
kann mir jemand verraten wie ich bei einem Rollover bild auch noch Text ändern kann?

also ich fahre mit der Maus auf den Butten der sich ändert und es erscheint in der Tabelle ein Text,in dem falle HOME, wenn ich geklickt habe bleibt der text stehen. gehe ich auf den nächsten batten ersceint auch der Nächte Text.
und so weiter.

JavaCode (rollover mit 3 zuständen)
Code: 
 <SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImagesArray(array) {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<array.length; i+=2) {
document[array[i]].src = array[i+1];
}
}
}
function changeImages() {
changeImagesArray(changeImages.arguments);
}
function toggleImages() {
for (var i=0; i<toggleImages.arguments.length; i+=2) {
if (selected == toggleImages.arguments[i])	 changeImagesArray(toggleImages.arguments[i+1]);
}
}
var selected = '';
var preloadFlag = false;
function preloadImages() {
if (document.images) {
home33_01_over = newImage("Bilder/home33_01-over.jpg");
home33_01_down = newImage("Bilder/home33_01-down.jpg");
preloadFlag = true;
}
}
// -->
</SCRIPT>

HTML code
HTML: 
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<!-- ImageReady Slices (news.psd) -->
<A HREF="#"
ONMOUSEOVER="toggleImages('', new Array('home33_01', 'Bilder/home33_01-over.jpg')); return true;"
ONMOUSEOUT="toggleImages('home33_01', new Array('home33_01', 'Bilder/home33_01-down.jpg'), '', new Array('home33_01', 'Bilder/home33_01.jpg')); return true;"
ONMOUSEDOWN="toggleImages('', new Array('home33_01', 'Bilder/home33_01-down.jpg')); return true;"
ONMOUSEUP="selected='home33_01'; changeImages('home33_01', 'Bilder/home33_01-down.jpg'); return true;">
<IMG NAME="home33_01" SRC="Bilder/home33_01.jpg" WIDTH=111 HEIGHT=17 BORDER=0 ALT=""></A>
<!-- End ImageReady Slices -->
<table width="100%" border="3" cellspacing="0" cellpadding="0">
<tr>
	<td>Hier soll der Txt Stehen Also HOME oder welcher Butten gerade geklickt wird</td>
</tr>
</table>
 
</BODY>

Danke schonmal Gruss Peter
 
Auf den Text innerhalb des <td>-Tags kannst du zugreifen indem du dem <td>-Tag eine id gibst und dann in einem JavaScript über document.getElementByID("id").innerHTML="text" dem <td>-Tag einen neuen Text zuweist.
HTML: 
<table width="100%" border="3" cellspacing="0" cellpadding="0">
    <tr>
 	<td id="texthin">Hier soll der Txt Stehen Also HOME oder welcher Butten gerade geklickt wird</td>
    </tr>
    </table>

Wenn ich dich aber richtig verstanden habe was du willst, wird das mit <a href="#"> sowieso nicht funktionieren, weil bei einem click auf den link die Seite neu geladen wird und alle Javascriptinformationen verloren gehen - mit anderen Worten nach dem Klick auf deinen Button (nicht "Butten" oder gar "batten") wird nix stehen bleiben.
Ich würde dir zu Frames und location.href raten um dieses Problem zu lösen.
 
Zuletzt bearbeitet:
ja grundsätzlich ist das ja richtig das die seite neu geladen wird. soll ja auch so sein, dasteht dann meintwegen seite2 und wenn ich jetst auf den Home Button gehe steht Home und wenn ich Klicke wird die seite Home geladen. und wenn ich da auf Seite1 Button klicke erscheint seite 1 an der stelle und so weiter ich hoffe mal das das zu verstehen ist.

sorry für meine Rechtschreibung
 
Okay, dann mal ein Beispiel:
Du bist auf der Home-Seite und im html der Seite steht für die Tabelle der text "HOME".
Dort ist ein Button mit Link zur seite2.html.
HTML: 
<a href="seite2.html"
 onmouseover="
   toggleImages('', new Array('seite2_01', 'Bilder/seite2_01-over.jpg')); return true;
   var alt=document.getElementById('texthin').innerHTML; 
   document.getElementById('texthin').innerHTML='SEITE 2'"
 onmouseout="
   toggleImages('seite2_01', new Array('seite2_01', 'Bilder/seite2_01-down.jpg'), '', new Array('seite2_01', 'Bilder/seite2_01.jpg')); return true;
   document.getElementById('texthin').innerHTML=alt"
 onmousedown="toggleImages('', new Array('seite2_01', 'Bilder/seite2_01-down.jpg')); return true;"
 onmouseup="selected='seite2'; changeImages('seite2_01', 'Bilder/seite2-down.jpg'); return true;">
  <img name="seite2" src="Bilder/seite2_01.jpg" width="111" heigth="17" border="0" alt="SEITE2"></A>

In seite2.html steht dann logischerweise "SEITE 2" statt "HOME" in der Tabelle.
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück