Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 11
Seite [1]
Mimir-Grafix


Try to beat me





Beiträge: 103
 # Thema - 23.10.2007 um 22:11 Uhr
Hiho ich schonwieder


Wie haben bei uns auf der Page eine klappbare Navi eingebaut (danke duriel )

Nun wollen wir noch zur besseren haben wir versucht Mouseouver mit einzubauen.
Ohne die Navi funktioniert das Mouseover mit aber nicht.

Hier habt ihr ein Beispiel.
http://ourclan.de/v3/test.htm

Und hier den verwendeten Quelltext

<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<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];}
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('http://ourclan.de/v3/templates/ssg/Bilder/clan1.png')">
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','http://ourclan.de/v3/templates/ssg/Bilder/clan1.png',1)"><img name="Image1" border="0" src="http://ourclan.de/v3/templates/ssg/Bilder/clan.png"></a>
</body>
</html>



Was ich nun gehört habe ist das diese variante die weitverbreitetse aber auch schlechteste ist.
Hab ihr da eine andere Idee oder vorschlag wie wir dort ein Mouseover eingebaut bekommen?

Am besten das das Mouseoverbild auch solange "AN" bleibt bis die Navi wieder verkleinert wird.


Als letztes hier noch der link zu der klappbaren Navi die wir eingebaut haben.
http://www.clansphere.de/modules/board/thread/where/4566


------------------
Inaktiv
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
 # Antwort: 1 - 23.10.2007 um 22:15 Uhr
hi!
bin jetzt etwas verwirrt, willst du einen mouseover effekt haben oder soll das zweite bild erst dann angezeigt werden, wenn man auf den button geklickt hat, und erst dann resettet werden, wenn man erneut auf den button geklickt hat, um die navi zu schließen?

gruß
duRiel


Inaktiv
|
Mimir-Grafix
Thread-Ersteller


Try to beat me





Beiträge: 103
 # Antwort: 2 - 23.10.2007 um 22:19 Uhr
das bild soll an gehen wenn man mit der maus drüber geht und sollte so lange an bleiben wie die navi geöffnet bleibt.
und wenn das nicht geht reicht ein normales mouseover


------------------
Inaktiv
|
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
 # Antwort: 3 - 23.10.2007 um 22:23 Uhr
geht beides, nur das mit mouseover ist schick mit css zu lösen, für das andere braucht man js.
wenn man mit der maus drüber geht heißt es ja noch nicht dass man die navi auch öffnet/geöffnet hat, also was jetzt?


Inaktiv
|
Mimir-Grafix
Thread-Ersteller


Try to beat me





Beiträge: 103
 # Antwort: 4 - 23.10.2007 um 22:33 Uhr
beides. wenn ich mit der maus über eine "geschlossene" navi gehe soll das normale mouseover auftretten.
Heißt ich gehe mit der Maus über "Main" und das licht geht an gehe wieder runter mit der Maus und das licht geht aus. Klicke ich aber auf "Main" soll das licht an bleiben solange die "Main" navi geöffnet/ausgeklappt ist.
Und beim wiederholten klicken (schliessen der navi) soll wieder die mouseover funktion greifen.

vllt helfen die bilder einwenig zu verdeutlichen was ich möchte.



------------------
Inaktiv
|
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
 # Antwort: 5 - 23.10.2007 um 22:53 Uhr
<a href="#" onclick="usenav('main')"><img src="Bilder/main.png" border="0" height="40" width="195"></a>


->

<a href="#" onclick="usenav('main')" onmouseover="overnav('main',1)" onmouseout="overnav('main',0)"><img id="mainimg" src="Bilder/main.png" border="0" height="40" width="195"></a>


neue js funktion:


function overnav(id, over) {
img = document.getElementById(id + "img");
length = img.src.length;
if (over) {
img.src = img.src.substr(0,length-5) + ".png";
} elseif (document.getElementById(id).style.display == 'none') {
img.src = img.src.substr(0,length-4) + "1.png";
}
}


versuchs einfach mal.
gruß
duRiel


Inaktiv
|
Mimir-Grafix
Thread-Ersteller


Try to beat me





Beiträge: 103
 # Antwort: 6 - 23.10.2007 um 23:12 Uhr
ne funktioniert leider nicht.
kann die navi auch nicht mehr öffnen

muss dazusagen das ich sonst nix anderes mit reingeschrieben habe.
soll ich das bisherige von mir dazuschreiben?


------------------




Zuletzt editiert von MasterChief am 23.10.2007 um 23:17 Uhr (1x Editiert)
Inaktiv
|
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
 # Antwort: 7 - 23.10.2007 um 23:33 Uhr
ne, hast es eigentlich richtig gemacht.
verstehe auch die fehlermeldung nicht, die wir da bekommen. naja, versuchs nochmal mit dem statt der alten overnav funktion:

 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
1. / 2. / ... 
 function overnav(id, over) {
  src = document.getElementById(id + "img").src;
  length = src.length;
  if (over) {
    src = src.substr(0,length-5) + ".png";
  } else {
    if (document.getElementById(id).style.display == 'none') {
      src = src.substr(0,length-4) + "1.png";
    }
  }
}
Inaktiv
|
Mimir-Grafix
Thread-Ersteller


Try to beat me





Beiträge: 103
 # Antwort: 8 - 23.10.2007 um 23:37 Uhr
Hab die js beändert.
die navi lässt sich zwar wieder öffner aber das mit dem bild geht leider noch nicht


------------------
Inaktiv
|
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
 # Antwort: 9 - 23.10.2007 um 23:49 Uhr
so, hab mir die arbeit gemacht deine ganze hp runterzuladen und das genauso bei mir zu testen. funktioniert jetzt alles mit folgender funktion:
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
1. / 2. / ... 
 function overnav(id, over) {
  src = document.getElementById(id + "img").src;
  length = src.length;
  if (over && src.substr(length-5,1) != '1') {
     document.getElementById(id + "img").src = src.substr(0,length-4) + "1.png";
  } else if (document.getElementById(id).style.display == 'none') {
     document.getElementById(id + "img").src = src.substr(0,length-5) + ".png";
  }
}


gruß

duRiel


Inaktiv
|
Mimir-Grafix
Thread-Ersteller


Try to beat me





Beiträge: 103
 # Antwort: 10 - 23.10.2007 um 23:55 Uhr
BOAH GEIL!!!!

Dickes DANKESCHÖÖN
was würde ich nur ohne dich machen


------------------
Inaktiv
|
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
 # Antwort: 11 - 23.10.2007 um 23:56 Uhr
bei webspell enden wahrscheinlich

gerne


Inaktiv
|

Dieses Thema wurde von duRiel ClanSphere Team PM geschlossen.
Antworten: 11
Seite [1]