[Erledigt] Zwei Javascript Codes zusammenfügen.

owii · 10.01.2010, 21:18

Um den Beitrag mal etwas sinnvoller zu machen..
[MOD: Wiederhergestellt]

Hallo,

ich habe eine Grafik, diese Grafik hat nun 2 Javascripte.

#1 - Mouseover-Effekt (Bildwechsel)
#2 - Ein Layer welches sich öffnet (das weitere Menü)

Es funktioniert momentan alles reibungslos außer:

Logischerweise verschwindet der Mouseover-Effekt (Bildwechsel) wenn ich von der Grafik runtergehe in das Menü. Ich möchte aber dass der Mouseover-Effekt (Bildwechsel) vorhanden bleibt, solange ich im Menü bin. Daher möchte ich gerne den Mouseover-Effekt mit ins andere Script einbauen.

Kann mir da bitte jemand helfen?

Hier die Grafik um welche es geht:

Code:

<a href="#"

onmouseover="mopen('sprache')"
onmouseout="mclosetime()

class="hidefocus" >

<img src="bilder/de-navi-6.jpg"

onmouseover="this.src='bilder/de-navi-6-mouseover.jpg';"
onmouseout="this.src='bilder/de-navi-6.jpg';"

width="86" height="54" border="0" />

</a>

Folgender Code soll also mit ins Javascript eingebaut werden:

Code:

onmouseover="this.src='bilder/de-navi-6-mouseover.jpg';"
onmouseout="this.src='bilder/de-navi-6.jpg';"

Der Javascript-Code:

Code:

<script type="text/javascript"> <!--
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;

function mopen(id)
{
mcancelclosetime();
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = 'visible';
}
function mclose()
{
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}
function mclosetime()
{
closetimer = window.setTimeout(mclose, timeout);
}
function mcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer = null;
}
}
document.onclick = mclose;
//--> </script>

Evtl. habe ich ja irgendwas (ausnahmsweiße ) richtig gemacht? Daher um euch evtl. Tipparbeit zu erspaaren (oder um euch das Flamen zu erleichtern ) hier mein bisheriger Lösungsversuch:

Code:

<a href="#"

onmouseover="mopen('1','sprache')"
onmouseout="mclosetime('1','aus')"

class="hidefocus" >

<img src="bilder/de-navi-6.jpg" width="86" height="54" border="0" />

</a>

Code:

<script type="text/javascript"> <!--
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;

** NEU **
sprache1 = new Image();
sprache1.src = "bilder/de-navi-6-mouseover.jpg";
aus1 = new Image();
aus1.src = "de-navi-6.jpg";
**


function mopen(Indexnr,id)
{
mcancelclosetime();
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = 'visible';
** NEU ** window.document.images[Indexnr].src = id.src; **
}
function mclose(Indexnr,id)
{
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
** NEU ** window.document.images[Indexnr].src = id.src; **
}
function mclosetime()
{
closetimer = window.setTimeout(mclose, timeout);
}
function mcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer = null;
}
}
document.onclick = mclose;
//--> </script>

Nur leider geht der Mouseover-Effekt dann garnicht mehr

iits · 11.01.2010, 08:39

wodurch soll denn id.src definiert werden?
mach mal alert(id.src); und schau was drinnsteht.
Ausserdem würde ich statt mit window.document mit getelementbyid arbeiten

nikosch · 11.01.2010, 08:47

„geht nicht...“ ist keine sinnvolle Fehlerbeschreibung. Meldung der Konsole?

owii · 12.01.2010, 18:16

Erstmal danke für die Antworten! Mitlerweile habe ich eine Lösung gefunden. Eine Frage hätte ich aber noch:

Code:

onmouseover="mopen('bilder/de-navioben-6-mouseover.gif','sprache')" 
onmouseout="mclosetime()"

Ich würde jetzt noch gerne im mclosetime() die Grafik definieren in welcher er zurück wechseln soll also z.B. mclosetime('bilder/de-navioben-6.gif') aber irgendwie schlagen alle meine Versuche fehl! Momentan definiere ich die Grafik im Javasscript: (Was bei mehreren solchen Effekten natürlich den unschönen Effekt hat dass ich die Funktion X mal doppelt haben muss)

Code:

<script type="text/javascript"> <!--
var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;

function mopen(bild,id)
{	
    document.sprache.src = bild;
    mcancelclosetime();
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';
}
function mclose()
{
    *** PROBLEMSTELLE *** document.sprache.src = 'bilder/de-navioben-6.gif';
    if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}
function mclosetime()
{
    closetimer = window.setTimeout(mclose, timeout);
}
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}
document.onclick = mclose; 
//--> </script>

Hat wer da ein Tipp für mich? habe schon versucht die Variable bei mclosetime(bild) mitzugeben und dann noch bei mclose(bild) aber irgendwie nimmt er die bei mclose() nicht mit rüber -.-

Also ich glaube das Problem liegt daran wenn ich so mache:

Code:

closetimer = window.setTimeout(mclose(bild), timeout);

Ps. Ich hasse Javascript

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
timing Probleme bzw Zusammenspiel PHP Javascript	thica	PHP Tipps 2009	2	19.02.2010 19:06
[Erledigt] Ersatz für Javascript	Mort1ferus	JavaScript, Ajax und mehr	6	12.10.2009 09:35
Wie lade ich ein Javascript nach einer AJAX Abfrage neu?	da.eXecutoR	JavaScript, Ajax und mehr	3	21.09.2009 11:15
[Erledigt] Ist das ok, wenn eine Webseite nur in PHP ist und komplett auf JavaScript	coffeyn	Off-Topic Diskussionen	15	21.08.2009 15:11
[Erledigt] JavaScript Weiche bei Formular?	markus228	JavaScript, Ajax und mehr	1	09.08.2009 14:16
[Erledigt] Variable von Javascript mit 1x1px-Bild an PHP übergeben	beneblack	PHP Tipps 2009	18	03.05.2009 22:40
JS: Einführung - Javascript im Schichtenmodell	nikosch	Tutorials	4	11.04.2009 17:06
[Erledigt] Javascript in PHP Aufrufen	coyboc	PHP Tipps 2009	17	10.04.2009 15:28
1101: 10x JavaScript und kein Ende ist abzusehen…	Nikolaus 2.0	Adventskalender 2008	9	13.12.2008 20:11
PHP + Javascript + MYSQL	socke	PHP Tipps 2006	4	02.04.2006 22:02
Variable wird geändert bei Übergabe an Javascript		PHP Tipps 2007	4	17.12.2005 16:53
JavaScript in JavaScript geschriebene Html-Datei einbinden.	woods	HTML, Usability und Barrierefreiheit	6	06.09.2004 18:33
Javascript		HTML, Usability und Barrierefreiheit	5	31.08.2004 18:30
php + Javascript, Variablenübergabe		PHP Tipps 2004	14	28.07.2004 15:42


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

11.01.2010, 08:39
iits Benutzer Registriert seit: 26.07.2008 Beiträge: 49	wodurch soll denn id.src definiert werden? mach mal alert(id.src); und schau was drinnsteht. Ausserdem würde ich statt mit window.document mit getelementbyid arbeiten __________________ Individuelle Programmierung: PHP / Perl / Java / C Skillprofil Tech - Blog / Meine Joomla Erweiterungen

11.01.2010, 08:47
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	„geht nicht...“ ist keine sinnvolle Fehlerbeschreibung. Meldung der Konsole? __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

12.01.2010, 18:16
owii Benutzer Registriert seit: 01.05.2009 Beiträge: 43 PHP-Kenntnisse: Anfänger	Erstmal danke für die Antworten! Mitlerweile habe ich eine Lösung gefunden. Eine Frage hätte ich aber noch: Code: onmouseover="mopen('bilder/de-navioben-6-mouseover.gif','sprache')" onmouseout="mclosetime()" Ich würde jetzt noch gerne im mclosetime() die Grafik definieren in welcher er zurück wechseln soll also z.B. mclosetime('bilder/de-navioben-6.gif') aber irgendwie schlagen alle meine Versuche fehl! Momentan definiere ich die Grafik im Javasscript: (Was bei mehreren solchen Effekten natürlich den unschönen Effekt hat dass ich die Funktion X mal doppelt haben muss) Code: <script type="text/javascript"> <!-- var timeout = 500; var closetimer = 0; var ddmenuitem = 0; function mopen(bild,id) { document.sprache.src = bild; mcancelclosetime(); if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; ddmenuitem = document.getElementById(id); ddmenuitem.style.visibility = 'visible'; } function mclose() { * PROBLEMSTELLE * document.sprache.src = 'bilder/de-navioben-6.gif'; if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; } function mclosetime() { closetimer = window.setTimeout(mclose, timeout); } function mcancelclosetime() { if(closetimer) { window.clearTimeout(closetimer); closetimer = null; } } document.onclick = mclose; //--> </script> Hat wer da ein Tipp für mich? habe schon versucht die Variable bei mclosetime(bild) mitzugeben und dann noch bei mclose(bild) aber irgendwie nimmt er die bei mclose() nicht mit rüber -.- Also ich glaube das Problem liegt daran wenn ich so mache: Code: closetimer = window.setTimeout(mclose(bild), timeout); Ps. Ich hasse Javascript Geändert von owii (12.01.2010 um 18:35 Uhr).