php.de

Zurück   php.de > Webentwicklung > PHP Einsteiger > PHP Tipps 2005-2

 
 
LinkBack Themen-Optionen Thema bewerten
Alt 22.08.2005, 22:18  
Gast
 
Beiträge: n/a
Standard PHP Menü onMouseOver !!!

hallo zusammen,
ich habe ein Problem mit meinem Menü. Es funktioniert zwar das der Link farblich hervorgehoben wird wenn er angeklickt wird, aber ich möchte auch wenn ich über das Menü fahre das sich mein Menü von Bild eins in Bild 2 ändert also ein onMouseOver Effekt.

Wäre nett wenn mir jemand weiterhelfen könnte...
Hier mein Code....

Code:
<html>
<head>
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<?php
$BILD[1] = "pictures/menu/home2.gif"; 
$BILD[2] = "pictures/menu/home.gif";
$BILD[3] = "pictures/menu/ueberuns2.gif"; 
$BILD[4] = "pictures/menu/ueberuns.gif";
?> 
<a href="hofmann.php" target="_self">
[img]<?php if(basename($_SERVER[[/img]" border="0" alt=""/></a>

<a href="ueberuns.php" target="_self">
[img]<?php if(basename($_SERVER[[/img]" border="0" alt=""/></a>

[img]pictures/menu/spacer.gif[/img]

</body>
</html>
 
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 22.08.2005, 23:13  
Erfahrener Benutzer
 
Registriert seit: 05.07.2004
Beiträge: 578
WarrenFaith
WarrenFaith eine Nachricht über ICQ schicken
Standard

Dann benutze Google und suche nach Javascript MouseOver Bild bzw Hintergrund
sollte nicht lange dauern bis du etwas findest. Vielleicht 20 Sekunden inklusive öffnen des Browser.

Erst denken, dann suchen, dann denken, dann suchen, dann fragen.

Danke
__________________
Developers-Guide.net
Senseless
WarrenFaith ist offline  
Alt 22.08.2005, 23:48  
Gast
 
Beiträge: n/a
Standard

Vielen Dank für deine Antwort, allerdings habe ich das schon und ich weiß immer nocht nicht wie ich es hinbekomme das der Code so abläuft wie ich das möchte:

1. Bild 1
2. MausOver -> Bild 2
3. wenn angeklickt -> dann soll auch Bild 2 ausgegeben werden...

gibt es keinen der mir helfen könnte?

Bisher funktioniert es nur das ich das bild2 sehe wenn ich das Bild also meinen Link angeklickt habe.
 
Alt 22.08.2005, 23:53  
Erfahrener Benutzer
 
Registriert seit: 05.07.2004
Beiträge: 578
WarrenFaith
WarrenFaith eine Nachricht über ICQ schicken
Standard

http://www.google.de/search?hl=de&q=...le-Suche&meta=
Ihr braucht mehr Zeit beim Posten und Fragen als beim suchen => SUCHT SELBST

Man kann doch nicht sein, dass man euch sogar noch Google Benutzung beibringen muss.

Falls du es noch nicht bemerkt hast: erster Suchtreffer bringt dich ans Ziel
Für den ganz faulen:
http://www.web-toolbox.net/webtoolbo...ern-1image.htm
__________________
Developers-Guide.net
Senseless
WarrenFaith ist offline  
Alt 22.08.2005, 23:59  
Gast
 
Beiträge: n/a
Standard

danke das habe ich mir auch schon durechgelesen, aber wie kann ich das bei meinem Script anwenden, ich kenn mich halt nocht nicht so toll aus wie du. ich denke ich hab auch noch ein paar Jahre seit um die srichtig zu erlernen... ich habe ja nur eine normale frage gestellt.....
 
Alt 23.08.2005, 00:24  
Erfahrener Benutzer
 
Registriert seit: 05.07.2004
Beiträge: 578
WarrenFaith
WarrenFaith eine Nachricht über ICQ schicken
Standard

ich bin mal nicht so:

dort siehst du was du in deinen Link reinmachen musst.

oben musst du dann zwischen den <head> </head> folgendes reinkopieren:
Code:
<script type="text/javascript" language="JavaScript">
<!--
i01 = new Image();
i01.src = "bild1.jpg"; /* normale-Grafik */
i02 = new Image();
i02.src = "bild2.jpg"; /* Highlight-Grafik */
i03 = new Image();
i03.src = "../../images/transpixel.gif";
i04 = new Image();
i04.src = "gk-screenshot.jpg"; /* normale-Grafik */
i05 = new Image();
i05.src = "gk-text.gif"; /* Highlight-Grafik */
i06 = new Image();
i06.src = "aufgabe01.gif";
i07 = new Image();
i07.src = "aufgabe02.gif"; /* normale-Grafik */

function hiLite(imgID,imgObjName) {
// imgID - Name des auszutauschenden Bildes
// imgObjName - Name des Bildes mit dem ausgetauscht wird
document.images[imgID].src = eval(imgObjName + ".src")
}
//-->
</script>
Damit kannst du dann darauf zugreifen (auf deine Bilderadressen angepasst selbstverständlich)
__________________
Developers-Guide.net
Senseless
WarrenFaith ist offline  
Alt 23.08.2005, 00:56  
Gast
 
Beiträge: n/a
Standard

Code:
<html>
<head>
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<?php
$BILD[1] = "pictures/menu/home2.gif"; 
$BILD[2] = "pictures/menu/home.gif";
$BILD[3] = "pictures/menu/ueberuns2.gif"; 
$BILD[4] = "pictures/menu/ueberuns.gif";
$BILD[5] = "pictures/menu/news2.gif"; 
$BILD[6] = "pictures/menu/news.gif";
?>

<a href="hofmann.php" target="_self">
<img src=<?php if(basename($_SERVER["SCRIPT_FILENAME"],".php")=="hofmann") { echo $BILD[1]; }
else { echo $BILD[2]; } ?> border="0" alt=""/></a>


<a href="ueberuns.php" target="_self">
<img src=<?php if(basename($_SERVER["SCRIPT_FILENAME"],".php")=="ueberuns") { echo $BILD[3]; }
else {echo $BILD[4]; }?> border="0" alt=""/></a>


<a href="news.php" target="_self">
<img src=<?php if(basename($_SERVER["SCRIPT_FILENAME"],".php")=="news") { echo $BILD[5]; }
else {echo $BILD[6]; }?> border="0" alt=""/></a>


[img]pictures/menu/spacer.gif[/img]


</body>
</html>
könnte mir vielleicht jemand behilflich sein in dieses Menü einen onMousOver Effekt eizubinden. Ich kapier das nicht so ganz. Ich habe bisher es soweit bekommen, daß wenn ich auf ein Bild klicke sich die Seite öffnet und das Bild 2 stehen bleibt mit einem farbigen Hintergrund.

Jetzt möchte ich noch das es auch normal im Menü funktioniert wenn ich mit der Maus darüber gehe das ich mein Bild ändert.

Es wäre absolut nett wenn mit jemand helfen könnte ......
 
 


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[Code] Scroll Onmouseover Ithron JavaScript, Ajax und mehr 2 10.06.2009 21:56
Bild onMouseOver einblenden rocco HTML, Usability und Barrierefreiheit 8 22.02.2008 12:52
onmouseover - Problem FrozenFox HTML, Usability und Barrierefreiheit 2 15.11.2006 11:12
Layer onMouseOver Quagga HTML, Usability und Barrierefreiheit 2 09.07.2006 09:23
bei onmouseover sanft auf 100 pixel vergrößern php_frage HTML, Usability und Barrierefreiheit 5 29.04.2006 00:43
onmouseover Java Script geht nicht CHRIS HTML, Usability und Barrierefreiheit 9 05.01.2006 11:30
dynamische Link-Grafik mit OnMouseOver HTML, Usability und Barrierefreiheit 11 24.06.2005 21:39
onmouseover der zellen vom phpmyadmin Sclot HTML, Usability und Barrierefreiheit 5 27.01.2005 15:30
onMouseOver für zwei Elemente HTML, Usability und Barrierefreiheit 6 18.12.2004 18:04
[Erledigt] Mehrere Anweisungen in onMouseOver HTML, Usability und Barrierefreiheit 4 24.11.2004 16:56
onMouseover HTML, Usability und Barrierefreiheit 6 22.10.2004 17:24
[Erledigt] onmouseover HTML, Usability und Barrierefreiheit 3 27.08.2004 00:24
OnMouseOver mit wanderndem <div>-Tag Sirke HTML, Usability und Barrierefreiheit 4 20.08.2004 21:04
tabelle mit onmouseover einblenden lassen HTML, Usability und Barrierefreiheit 9 30.06.2004 13:08
Button OnMouseOver --> Nachricht in Textfeld anzeigen las HTML, Usability und Barrierefreiheit 7 16.06.2004 17:49

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
http://www.php.de/php-tipps-2005-2/29632-php-menue-onmouseover.html, php image menu, php onmouseover, onmouseover menu, onmouseover link, mouseover menu, php onmouseover bild, php menu link with image, php mouseover code, bildzoom onmouseover, php if onmouseover, php menü, grafik vergrössern bei mouseover, html grafik vergrößern bei mouseover, mouseover menu php, grafik menu php, lavalamp menu with image in php, php mouseover nach sekunden anzeigen, php bild menü, php mouse over menu

Alle Zeitangaben in WEZ +1. Es ist jetzt 11:34 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.