YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » active link mit javascript » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 3.615 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen active link mit javascript
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Maniac_81 Maniac_81 ist männlich
PHP Profi


images/avatars/avatar-5230.gif

Dabei seit: 27.06.06
Beiträge: 2.087
Fähigkeiten: WBB3 Anfänger; WBB2 Profi
Herkunft: localhost/
Forenversion: 2.3; Lite 2.0

 active link mit javascript Antworten Zitieren Editieren Melden       UP

moin großes Grinsen

ich suche ein javascript mit dem ich meine navigation verbeseern kann.

bis jetzt sieht es so aus das bei mouseover die grafik ausgetauscht wird und beim verlassen des buttons die normale grafik wieder angezeigt wird.

nun möchte ich es aber so haben das in der subnavi welche genauso funktioniert wie die normale navi die mouseover-grafik angezeigt wird solange man sich auf der seite befindet. man sollte also sehen wo man sich gerade aufhält.

hier mal der code mit der die navi generiert wird (Dreamweaver):

code:
1:
2:
<a href="index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/nav/arena_mo.gif',1)"><img 
		src="images/nav/arena.gif" alt="arena" name="Image6" width="123px" height="42px" border="0" /></a>


und hier das javascript welches diese funktionen zur verfügung stellt:

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
// JavaScript Document<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}


function pop(file)
{
gamewindow = window.open(file,"popgame","toolbar=no, location=no; directories=no, status=yes, menubar=no, scrollbars=no, resizable=no, width=700, height=500, top=200, left=200");
gamewindow.focus();
return false;
}



//-->



gibt es vielleicht eine einfache funktion welche die aktuelle seite ausliest und anhand dessen die mouseovergrafik dauerhaft bis verlassen der aktuellen seite anzeigt?

zum leichteren verständniss:

-->Grafik
-->onmouseover -->Grafik2
-->aktuelle seite (active) -->Grafik2

__________________
zufrieden mit meinem Support? dann hier bitte bewerten!

Sie haben 3 gelbe Bananen gewählt!

ÄPFEL! 3!!!

20.11.07 15:46 Maniac_81 ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Maniac_81 in deine Kontaktliste ein MSN Passport-Profil von Maniac_81 anzeigen
chrime chrime ist männlich
Besserwisser 2007


images/avatars/avatar-4870.gif

Dabei seit: 21.02.05
Beiträge: 1.827
Herkunft: /home/chrime - Castrop-Rauxel, NRW, Germany
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Mach das doch per PHP und Css,

Eine CSS klasse zb.

subnavi is_active definieren wo die grafik anders ist. Und dann einfach je nachdem welche Seite aufgerufen ist mit php das class: is_active hinter schreiben lassen

__________________
www.medianetworker.info
20.11.07 15:50 chrime ist offline E-Mail WWW Finden Als Freund hinzufügen Füge chrime in deine Kontaktliste ein MSN Passport-Profil von chrime anzeigen
Maniac_81 Maniac_81 ist männlich
PHP Profi


images/avatars/avatar-5230.gif

Dabei seit: 27.06.06
Beiträge: 2.087
Fähigkeiten: WBB3 Anfänger; WBB2 Profi
Herkunft: localhost/
Forenversion: 2.3; Lite 2.0

Themenstarter Thema begonnen von Maniac_81
Antworten Zitieren Editieren Melden       UP

in PHP wäre es ja kein problem, es geht aber leider kein PHP bei diesem Projekt.

__________________
zufrieden mit meinem Support? dann hier bitte bewerten!

Sie haben 3 gelbe Bananen gewählt!

ÄPFEL! 3!!!

20.11.07 16:03 Maniac_81 ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Maniac_81 in deine Kontaktliste ein MSN Passport-Profil von Maniac_81 anzeigen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Hi mein kleiner Schwabe, ;D

schau mal hier: http://gnex.org - meinst du so eine Navi?

Gruß
Dizzy

__________________
Gruß Dizzy

the rest is silence

20.11.07 16:22 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Maniac_81 Maniac_81 ist männlich
PHP Profi


images/avatars/avatar-5230.gif

Dabei seit: 27.06.06
Beiträge: 2.087
Fähigkeiten: WBB3 Anfänger; WBB2 Profi
Herkunft: localhost/
Forenversion: 2.3; Lite 2.0

Themenstarter Thema begonnen von Maniac_81
Antworten Zitieren Editieren Melden       UP

hey mein großer Ösi großes Grinsen großes Grinsen

nein, leider nicht.

ich möchte halt das die onmouse-grafik stehen bleibt, auch wenn die maus von der maus runter is. also solange die aktuelle seite geladen ist soll auch die mouseovergrafik bestehen bleiben.

__________________
zufrieden mit meinem Support? dann hier bitte bewerten!

Sie haben 3 gelbe Bananen gewählt!

ÄPFEL! 3!!!

20.11.07 16:36 Maniac_81 ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Maniac_81 in deine Kontaktliste ein MSN Passport-Profil von Maniac_81 anzeigen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Dann hilft dir das: http://www.perun.net/2004/11/23/aktuelle...ss-hervorheben/

__________________
Gruß Dizzy

the rest is silence

20.11.07 16:43 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Maniac_81 Maniac_81 ist männlich
PHP Profi


images/avatars/avatar-5230.gif

Dabei seit: 27.06.06
Beiträge: 2.087
Fähigkeiten: WBB3 Anfänger; WBB2 Profi
Herkunft: localhost/
Forenversion: 2.3; Lite 2.0

Themenstarter Thema begonnen von Maniac_81
Antworten Zitieren Editieren Melden       UP

das würde mir helfen wenn die navi nur in CSS wäre, da sie aber javascript enthält würde ich das gerne mit JS lösen wollen.

__________________
zufrieden mit meinem Support? dann hier bitte bewerten!

Sie haben 3 gelbe Bananen gewählt!

ÄPFEL! 3!!!

20.11.07 17:01 Maniac_81 ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Maniac_81 in deine Kontaktliste ein MSN Passport-Profil von Maniac_81 anzeigen
Schweinebacke Schweinebacke ist männlich
Mitglied


images/avatars/avatar-5303.jpg

Dabei seit: 06.01.06
Beiträge: 826
Herkunft: Baden Württemberg

Antworten Zitieren Editieren Melden       UP

dann hier mal ein Muster.

Dateianhang:
zip navi5.zip (35,44 KB, 5 mal heruntergeladen)

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Schweinebacke: 21.11.07 22:16.

21.11.07 22:16 Schweinebacke ist offline E-Mail Finden Als Freund hinzufügen
Maniac_81 Maniac_81 ist männlich
PHP Profi


images/avatars/avatar-5230.gif

Dabei seit: 27.06.06
Beiträge: 2.087
Fähigkeiten: WBB3 Anfänger; WBB2 Profi
Herkunft: localhost/
Forenversion: 2.3; Lite 2.0

Themenstarter Thema begonnen von Maniac_81
Antworten Zitieren Editieren Melden       UP

Zitat:
Original von Schweinebacke
dann hier mal ein Muster.


super, danke dir! genau das was ich gesucht habe smile

schönen tag noch

//Edit: leider funktioniert das nicht mit dem IE

gibts eine andere lösung

__________________
zufrieden mit meinem Support? dann hier bitte bewerten!

Sie haben 3 gelbe Bananen gewählt!

ÄPFEL! 3!!!

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Maniac_81: 22.11.07 10:36.

22.11.07 09:00 Maniac_81 ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Maniac_81 in deine Kontaktliste ein MSN Passport-Profil von Maniac_81 anzeigen
[kamui]
~


images/avatars/avatar-4963.gif

Dabei seit: 27.04.05
Beiträge: 2.992

Antworten Zitieren Editieren Melden       UP

Bin gerade dabei was mit innerHTML zu bauen ... müsste auch im IE funktionieren Augenzwinkern

*grml* funktioniert leider nicht wie gewünscht >.<

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von [kamui]: 22.11.07 20:26.

22.11.07 19:32 [kamui] ist offline Finden Als Freund hinzufügen
Schweinebacke Schweinebacke ist männlich
Mitglied


images/avatars/avatar-5303.jpg

Dabei seit: 06.01.06
Beiträge: 826
Herkunft: Baden Württemberg

Antworten Zitieren Editieren Melden       UP

dann versuch es so:

Dateianhang:
unknown index.htm (3,10 KB, 9 mal heruntergeladen)
22.11.07 21:40 Schweinebacke ist offline E-Mail Finden Als Freund hinzufügen
Maniac_81 Maniac_81 ist männlich
PHP Profi


images/avatars/avatar-5230.gif

Dabei seit: 27.06.06
Beiträge: 2.087
Fähigkeiten: WBB3 Anfänger; WBB2 Profi
Herkunft: localhost/
Forenversion: 2.3; Lite 2.0

Themenstarter Thema begonnen von Maniac_81
Antworten Zitieren Editieren Melden       UP

funktioniert leider auch nicht.

kommt erst die meldung das man aktivex aktivieren soll.

__________________
zufrieden mit meinem Support? dann hier bitte bewerten!

Sie haben 3 gelbe Bananen gewählt!

ÄPFEL! 3!!!

23.11.07 09:04 Maniac_81 ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Maniac_81 in deine Kontaktliste ein MSN Passport-Profil von Maniac_81 anzeigen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » active link mit javascript