mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 23.04.2024 13:28 Benutzername: Passwort: Auto-Login

Thema: Javascript MouseOver Script vom 02.07.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Javascript MouseOver Script
Autor Nachricht
Account gelöscht
Threadersteller


Ort: -
Alter: -
Verfasst Mo 02.07.2007 09:23
Titel

Javascript MouseOver Script

Antworten mit Zitat Zum Seitenanfang

Hi,

obwohl ich sehr wenig Ahnung von Javascript habe, wollte ich trotzdem ein MouseOver Script basteln.
Im Firefox funktioniert dieses Script tadellos, jedoch nicht im IE.

Kann einer den Fehler entdecken?

Javascript-Code
Code:

<script type="text/javascript">
function navi(klick)
{
var klick
            
  switch(klick)
  {
    case 'link1':
      document.getElementsByTagName("ga")[0].firstChild.data = "Link 1";
      break;
    case 'link2':
      document.getElementsByTagName("ga")[0].firstChild.data = "Link 2";
      break;
    case 'ende':
      document.getElementsByTagName("ga")[0].firstChild.data = " ";
      break;
  }
}
</script>



Ausgabe-Code
Code:

<ga>&nbsp;</ga>



Link-Code zur Ausführung
Code:

<a href="seite.php?a=wuu"
  onmouseover="document.Bild.src='fly.gif'; javascript:navi('link1');"
  onmouseout="document.Bild.src='fly2.gif'; javascript:navi('ende');">
    <img src="fly2.gif" name="Bild" width="100" height="100" border="0">
</a>
 
Johnobo

Dabei seit: 28.12.2005
Ort: bei Berlin
Alter: -
Geschlecht: Männlich
Verfasst Mo 02.07.2007 10:02
Titel

Antworten mit Zitat Zum Seitenanfang

nur mal ne frage, was soll das script eigentlich genau machen?

also im Link.Code.zur.ausführung she ich das du das bild ändern
lässt, was sich einfacher über css realisieren lasse würde mit
nim a:hover und background-image:url();
dann startest das nav1 script und du speicherst auf ga die
varaible die du eh schon im handler übergibst umständlich
ücer nin switch.

schau wenn du link1 eh schon übergibst an die funktion,
kannst du doch das auch dirket speichern z.b. mit:

Code:
document.getElementsByTagName("ga")[0].firstChild.data = klick;

weil deien funktion schreibt auf data. wenn klick link1 ist einfach
nur link1 rauf und wenn's link2 is link2 (;


heir hats du bestimmt schon geschaut, aber vllt hilfts nochmal:
selfhtml, js referenz zum firstchild.data
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
ALEXX

Dabei seit: 26.08.2004
Ort: Köln
Alter: 37
Geschlecht: Männlich
Verfasst Mo 02.07.2007 10:02
Titel

Antworten mit Zitat Zum Seitenanfang

versuchs mal mit getElementById und verpasse deinen elementen ne dementspechende id, müsste der ie eigentlich dann fressen

// obwohl getElementsByTagName eigentlich auch gehen müsste...


Zuletzt bearbeitet von ALEXX am Mo 02.07.2007 10:03, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Zeithase

Dabei seit: 09.05.2005
Ort: Erfurt
Alter: 39
Geschlecht: Männlich
Verfasst Mo 02.07.2007 10:05
Titel

Antworten mit Zitat Zum Seitenanfang

Wo respektive was soll denn da ein <ga>-Element sein? *Huch* Au weia! Ihr ueberrascht mich immer wieder mit euren seltsamen Konstrukten.

Zuletzt bearbeitet von Zeithase am Mo 02.07.2007 10:05, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Account gelöscht
Threadersteller


Ort: -
Alter: -
Verfasst Mo 02.07.2007 11:50
Titel

Antworten mit Zitat Zum Seitenanfang

@Johnobo

Das Script soll einen Text an einem anderen positionierten Ort ausgeben.
Man geht mit der Maus über ein Link-Bild, dass quasi wie ein Knopf gedrückt wird und
es zeigt dann den Unterpunktnamen an einer anderen Stelle (links, rechts egal wo man es möchte).

Vielleicht habe ich mich etwas falsch ausgedrückt. Ich habe den Code auch etwas umgeschrieben zur Vereinfachung, es hat wohl den gegenseitigen Effekt erzielt.


Code:

<script type="text/javascript">
function navi(klick)
{
var klick
             
  switch(klick)
  {
    case 'link1':
      document.getElementsByTagName("ga")[0].firstChild.data = "Hier findet Ihr Infos über Uns";
      break;
    case 'link2':
      document.getElementsByTagName("ga")[0].firstChild.data = "Einige Referenzen, die Wir anbieten";
      break;
    case 'ende':
      document.getElementsByTagName("ga")[0].firstChild.data = " ";
      break;
  }
}
</script>



@ALEXX

Ich verstehe was Du mir sagen möchtest, weiß aber nicht wie ich das bewerkstelligen soll. Ich werde aus den B.s.p und Erläuterungen bei Selfhtml nicht schlau.


@Zeithase

Dein Satzanfang lässt mich fast nur Bahnhof verstehen.

Ein <ga>-Element gibt es nicht, ist von mir als "Platzhalter" erfunden worden.




Wie gesagt, ich kenne mich nicht sehr ausgiebig mit Javascript aus. Es erstaunt mich, dass das überhaupt ansatzweise funktioniert.

Ein blindes Huhn findet auch mal ein Korn *zwinker*
 
Johnobo

Dabei seit: 28.12.2005
Ort: bei Berlin
Alter: -
Geschlecht: Männlich
Verfasst Mo 02.07.2007 14:45
Titel

Antworten mit Zitat Zum Seitenanfang

alter, aber firstchild spricht doch laut definition das erste
unterelement an, hats du probiet zwischen dein <ga></ga>
einfach mal noch nin element rie nzu schieben.
und dann mal vllt wirklich über ne id das ganze machen.

Code:

<script type="text/javascript">
function navi(klick)
{
var klick
             
  switch(klick)
  {
    case 'link1':
      neuerText = "Hier findet Ihr Infos über Uns";
      break;
    case 'link2':
      neuerText = "Einige Referenzen, die Wir anbieten";
      break;
    case 'ende':
      neuerText = " ";
      break;
  }
  document.getElementById("deinInfoFeld").firstChild.data = neuerText;
}
</script>


<div id="deinInfoFeld" onmouseover="javascript:navi('link1');">
  <aendermich></aendermich>
</div>



ich bin mir aber uach nciht sicher ob du klick über haupt
mit var vordefineiren musst, wenn du es im funktionsaufruf/handler
schon definierst.

have a try.


Zuletzt bearbeitet von Johnobo am Mo 02.07.2007 14:48, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 02.07.2007 14:59
Titel

Antworten mit Zitat Zum Seitenanfang

flubel hat geschrieben:

Ein <ga>-Element gibt es nicht, ist von mir als "Platzhalter" erfunden worden.

Jo und deshalb funktioniert das auch nicht.
Mach nen div draus oder wat auch immer. Lächel
  View user's profile Private Nachricht senden
 
Ähnliche Themen Suche bestimmtes Mouseover Script
Script: Bild ist verblasst, bei mouseover normal
Javascript/PHP (CSS) MouseOver Galerie
JavaScript: Begriffserklärungen via Mouseover - wie?
Info-Box bei Mouseover (JavaScript)
Suche script für Infotext bei mouseover Bild. Der Text...
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.