Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 6
Seite [1]
bFeeee


Just nerd



Herkunft: Hamm
Beiträge: 944
 # Thema - 14.03.2011 um 06:43 Uhr
Hi zusammen ,

ich hab grad folgendes Problem ....
Der erste code is für das "banners:navlist" und der zweite ist für die dropdown navi...
Verwende ich beide codes dann geht die navigation nur noch in Firefox ! schaue ich mir dann die seite in chrome oder einen anderen browser an klappt die navi nicht mehr ....

1. index.htm bannerslide

mehr... +-
 
1.
2.
3.
4.
5.
1. / 2. / ... 
 <div align="center">
<marquee direction="left" width="100" height="150" scrollamount="2" scrolldelay="2" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=2" style="border: medium none ;" align="center">
<div align="center">{banners:navlist}<br></div>
</marquee>
</div>


2. index.htm navi

mehr... +-
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
1. / 2. / ... 
 <div class="navigation">                       
    <dl class="dropdown1">
  <dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"></dt>
  <dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
    <ul>
      <li><a href="#" >Navigation Item 1</a></li>
      <li><a href="#" >Navigation Item 2</a></li>
    </ul>
  </dd>
</dl>
<dl class="dropdown2">
  <dt id="two-ddheader" onmouseover="ddMenu('two',1)" onmouseout="ddMenu('two',-1)"></dt>
  <dd id="two-ddcontent" onmouseover="cancelHide('two')" onmouseout="ddMenu('two',-1)">
    <ul>
      <li><a href="#" >Navigation Item 1</a></li>
      <li><a href="#" >Navigation Item 2</a></li>
    </ul>
  </dd>
</dl>
</div>


dropdown.js

mehr... +-
 
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.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
1. / 2. / ... 
 var DDSPEED = 10;
var DDTIMER = 15;

// main function to handle the mouse events //
function ddMenu(id,d){
  var h = document.getElementById(id + '-ddheader');
  var c = document.getElementById(id + '-ddcontent');
  clearInterval(c.timer);
  if(d == 1){
    clearTimeout(h.timer);
    if(c.maxh && c.maxh <= c.offsetHeight){return}
    else if(!c.maxh){
      c.style.display = 'block';
      c.style.height = 'auto';
      c.maxh = c.offsetHeight;
      c.style.height = '0px';
    }
    c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER);
  }else{
    h.timer = setTimeout(function(){ddCollapse(c)},50);
  }
}

// collapse the menu //
function ddCollapse(c){
  c.timer = setInterval(function(){ddSlide(c,-1)},DDTIMER);
}

// cancel the collapse if a user rolls over the dropdown //
function cancelHide(id){
  var h = document.getElementById(id + '-ddheader');
  var c = document.getElementById(id + '-ddcontent');
  clearTimeout(h.timer);
  clearInterval(c.timer);
  if(c.offsetHeight < c.maxh){
    c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER);
  }
}

// incrementally expand/contract the dropdown and change the opacity //
function ddSlide(c,d){
  var currh = c.offsetHeight;
  var dist;
  if(d == 1){
    dist = (Math.round((c.maxh - currh) / DDSPEED));
  }else{
    dist = (Math.round(currh / DDSPEED));
  }
  if(dist <= 1 && d == 1){
    dist = 1;
  }
  c.style.height = currh + (dist * d) + 'px';
  c.style.opacity = currh / c.maxh;
  c.style.filter = 'alpha(opacity=' + (currh * 100 / c.maxh) + ')';
  if((currh < 2 && d != 1) || (currh > (c.maxh - 2) && d == 1)){
    clearInterval(c.timer);
  }
}


Wäre nett wenn mir mal jemand helfen könnte um das problem zu lösen ...

LG bFeeeARTS


------------------
Grüße bFeee
Inaktiv
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
 # Antwort: 1 - 14.03.2011 um 07:14 Uhr
dropdown-navi mit css machen, marquee nicht verwenden^^ dann kommst du auf den richtigen weg


------------------
Inaktiv
|
bFeeee
Thread-Ersteller


Just nerd



Herkunft: Hamm
Beiträge: 944
 # Antwort: 2 - 14.03.2011 um 07:19 Uhr
hab leider noch nie ne dropdown navi mit css gemacht =/ haste sowas zufällig da ? ;D


------------------
Grüße bFeee

Inaktiv
|
palle ClanSphere Team

Supporter
Supporter




Beiträge: 3073
 # Antwort: 3 - 14.03.2011 um 07:32 Uhr
google?


------------------
I like the part where it says 'nyan'



Inaktiv
|
bFeeee
Thread-Ersteller


Just nerd



Herkunft: Hamm
Beiträge: 944
 # Antwort: 4 - 14.03.2011 um 07:43 Uhr
joa hab zwar was gefunden aber da blick ich überhaupt nicht durch -.-

raffe grad nicht wie ich da meine grafiken rein kriege =/


------------------
Grüße bFeee

Zuletzt editiert von bFeeeARTS am 14.03.2011 um 07:45 Uhr (1x Editiert)
Inaktiv
|
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
 # Antwort: 5 - 14.03.2011 um 13:53 Uhr
mit über die klassen...

der titel ist auch nicht gerade dein meisterstück, in diesen thread ;-)

und wenn du uns dann noch den link zu der dropdown gibst, die du versuchst zu verwenden, kanns hier denke ich schneller weiter gehen ;-)


------------------
Inaktiv
|
bFeeee
Thread-Ersteller


Just nerd



Herkunft: Hamm
Beiträge: 944
 # Antwort: 6 - 14.03.2011 um 14:02 Uhr
hat sich wieder erledigt ^^

close =)


------------------
Grüße bFeee

Inaktiv
|

Dieses Thema wurde von Tom08 ClanSphere Team PM geschlossen.
Antworten: 6
Seite [1]