Szerző Téma: Események  (Megtekintve 5384 alkalommal)

0 Felhasználó és 1 vendég van a témában

Nem elérhető pixi

  • Törzstag
  • **
  • Hozzászólások: 611
    • http://pixy.hu/Ujoldal
Re: Események
« Válasz #113 Dátum: 2011. április 06., 14:02:06 »
Így már ie kivételével úgy megy, ahogy szeretném:

Kód: Javascript
  1. <script type='text/javascript'>
  2.  var ie = (navigator.appName=="Microsoft Internet Explorer") ? 1:0;
  3.  var nyH = 100;
  4.  var zH = 200;
  5.  function nyit(e)       {
  6.         //console.log(e.target.tagName+"\t"+nyH);
  7.         if(ie) {d=event.srcElement } else {d=e.target} 
  8.         if(d.tagName=="DIV")
  9.                 {
  10.                 nyH +=5;
  11.                 d.style.height = nyH +'px';
  12.                 d.style.background = '#F8F8F8';
  13.                 if ( nyH < 200) { setTimeout(function() { nyit(e); },20);} else nyH = 100;
  14.                 }
  15.  }
  16.  
  17.   function zar(e)       {
  18.         //console.log(e.target.tagName+"\t"+zH);
  19.         if(ie) {d=event.srcElement } else {d=e.target} 
  20.         if(d.tagName=="DIV")
  21.                 {
  22.                 zH -=5;
  23.                 d.style.height = zH +'px';
  24.                 d.style.background = '#FFF';
  25.                 if ( zH > 100) { setTimeout(function() { zar(e); },20);} else zH = 200;
  26.                 }
  27.  }
  28.  document.onmouseover=nyit;
  29.  document.onmouseout=zar;
  30. </script>
  31.  
  32. <div id='div' style='width: 200px;height:100px; overflow: hidden; border: 1px solid green;'  
  33.                 onclick='location.href="xxx.php" ' title='xxx.php'>
  34.                 I am using a menu inside a div tag. What i want to do is to add scroll buttons
  35.                 (up and down )
  36.                 along side div which move   the div up and down on mouse over.
  37.                 How can i achieve this?   It would be very nice of you if you can
  38.                 provide a link to the article or blog  where solution is provided to my problem.
  39. </div>

Nem elérhető tomi6230i

  • Törzstag
  • **
  • Hozzászólások: 344
Re: Események
« Válasz #112 Dátum: 2011. április 06., 08:27:11 »
próbálkoztam vele
Kód: HTML
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html lang="en">
  3.         <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  4.         <title>megint pixi</title>
  5.         <script type='text/javascript'>
  6.          var ie = (navigator.appName=="Microsoft Internet Explorer") ? 1:0;
  7.          var uH=100;
  8.         function nyit(e)
  9.         {
  10.                 console.log(e.target.tagName+"\t"+uH);
  11.                 if (ie) {d=event.srcElement } else {d=e.target}
  12.                 if(d.tagName=="DIV")
  13.                 {
  14.                         //if(!uH ) {var uH = 100;}
  15.                         uH +=5;
  16.                         d.style.height = uH +'px';
  17.                         //d.style.background = '#F8F8F8';
  18.                         if ( uH < 200) { setTimeout(function() { nyit(e); },20);}
  19.                 }
  20.         }
  21.          document.onmouseover=nyit;
  22.         </script>
  23. </head>
  24.         <div style="background:#000;">abc</div>
  25. </body>
  26. </html>

Nem elérhető pixi

  • Törzstag
  • **
  • Hozzászólások: 611
    • http://pixy.hu/Ujoldal
Re: Események
« Válasz #111 Dátum: 2011. április 05., 20:49:47 »
Hibakonzol nincs. Ha berakom az "e" változót, akkor meg se nyekken. A nélkül a DIV első 5 pixeles növelését megcsinálja és megáll.

Nem elérhető Rimelek

  • Adminisztrátor
  • Őstag
  • *****
  • Hozzászólások: 8.942
    • rimelek.hu
Re: Események
« Válasz #110 Dátum: 2011. április 05., 20:40:03 »
próbáld átadni neki az "e" változót újra. De nem biztos, hogy ez a gond. Csak most mást nem látok. Valamilyen hibakonzolt néztél?
Egyszerűen létezem, és lézengek a Földön,
mint idióta szellem, kinek kastélya a börtön.

Nem elérhető pixi

  • Törzstag
  • **
  • Hozzászólások: 611
    • http://pixy.hu/Ujoldal
Re: Események
« Válasz #109 Dátum: 2011. április 05., 20:36:02 »
Rosszul szemléltettem, hogy mi nem megy, most megpróbálom magát a próbálkozást (rövidítve)  betenni. A megjelölt sorban mit kell módosítani, hogy nyit() függvény újra lefusson?

Kód: Javascript
  1. <script type='text/javascript'>
  2.  var ie = (navigator.appName=="Microsoft Internet Explorer") ?1:0;
  3.  function nyit(e)
  4.   {
  5.   if(ie) {d=event.srcElement } else {d=e.target}       
  6.   if(d.tagName=="DIV")
  7.     {
  8.     if(!uH ) {var uH = 100;}
  9.     uH +=5;
  10.     d.style.height = uH +'px';
  11.     d.style.background = '#F8F8F8' ;
  12.     if ( uH < 200) { setTimeout(function() { nyit(); },20);}
  13.     }
  14.  }
  15.  document.onmouseover=nyit;
  16. </script>

Nem elérhető tomi6230i

  • Törzstag
  • **
  • Hozzászólások: 344
Re: Események
« Válasz #108 Dátum: 2011. április 05., 19:35:35 »
Szerintem az a baj, hogy a d.width értéke nem változik, az mindig ugyanaz marad. De ezt tényleg csak első ránézésre.

Nem elérhető pixi

  • Törzstag
  • **
  • Hozzászólások: 611
    • http://pixy.hu/Ujoldal
Re: Események
« Válasz #107 Dátum: 2011. április 05., 19:28:37 »
A kép méretváltozását átmenettel szeretném megoldani.
A következő sort szeretném beilleszteni: if(akarmi...) setTimeout(function()  { plus(); }, 20); Mit kell ezen módosítani,  hogy újra el is indítsa a plus() függvényt?

Kód: Javascript
  1. <script type='text/javascript'>
  2.  ie=(navigator.appName=="Microsoft Internet Explorer")?1:0;
  3.  function plus(e)
  4.         {
  5.         if(ie) { d=event.srcElement } else { d=e.target}       
  6.         if(d.tagName=="IMG") { d.style.width=d.width*2+"px"}
  7.         }
  8.  
  9.  function minus(e)
  10.         {
  11.         if(ie) { d=event.srcElement } else { d=e.target }      
  12.         if(d.tagName=="IMG") { d.style.width=d.width/2+"px"}
  13.         }
  14.  document.onmouseover=plus;
  15.  document.onmouseout=minus;
  16. </script>

Kód: HTML
  1. <img src='../Kepek/brigad.jpg' width='50px'>

Meg tudom oldani, ha az eseményeket a képre teszem, de így, hogy a scriptből indulnak, így nem akar összejönni.

Nem elérhető blase001

  • Felhasználó
  • Hozzászólások: 71
Re: Események
« Válasz #106 Dátum: 2011. március 17., 21:25:26 »

Nem elérhető Rimelek

  • Adminisztrátor
  • Őstag
  • *****
  • Hozzászólások: 8.942
    • rimelek.hu
Re: Események
« Válasz #105 Dátum: 2011. március 17., 20:56:29 »
mindev és mindenev nem ugyanaz. Most vagy hibásan idézted a html forást, vagy rosszul hivatkozol a javascriptben rá.

De akkor sem jó, mert akkor meg a select tartalmát cseréled le egy új selectre. Nem csak az opcióit.
Egyszerűen létezem, és lézengek a Földön,
mint idióta szellem, kinek kastélya a börtön.

Nem elérhető Keveqiah

  • Globális moderátor
  • Teljes tag
  • *****
  • Hozzászólások: 2.332
  • Kisb
    • Keveqiah
Re: Események
« Válasz #104 Dátum: 2011. március 17., 19:15:07 »
Átadod a függvénynek a listából kiválasztott értéket. --> val
Nem ezt kéne akkor vizsgálnod, hogy üres-e?  :tickedoff:
"Gonosz vagyok. Ez ugyebár nem hit dolga."
"Egy ember halála tragédia, ezrek halála statisztika."

Nem elérhető blase001

  • Felhasználó
  • Hozzászólások: 71
Re: Események
« Válasz #103 Dátum: 2011. március 17., 19:13:55 »
Csak egy észrevétel. Ha már egyszer átadod az értéket (val), akkor minek állítod be a myField.val-t?
Esetleg --> val == "" mivel azt kellene vizsgálni, nem? :)

ok átírom  if(document.getElementById('mindev').val == "") -ra  de így is ugyanaz.

Nem elérhető Keveqiah

  • Globális moderátor
  • Teljes tag
  • *****
  • Hozzászólások: 2.332
  • Kisb
    • Keveqiah
Re: Események
« Válasz #102 Dátum: 2011. március 17., 19:05:06 »
Csak egy észrevétel. Ha már egyszer átadod az értéket (val), akkor minek állítod be a myField.val-t?
Esetleg --> val == "" mivel azt kellene vizsgálni, nem? :)
"Gonosz vagyok. Ez ugyebár nem hit dolga."
"Egy ember halála tragédia, ezrek halála statisztika."

Nem elérhető blase001

  • Felhasználó
  • Hozzászólások: 71
Re: Események
« Válasz #101 Dátum: 2011. március 17., 19:01:01 »
Sziasztok!
Próbléma, valószínűleg azért mert keveset értek a js-hez.
Alábbi kód:
A select mező egy másik select mezőt helyez maga alá. Eddig működik.
Amikor viszont a null értéket választom, nem tűnik el, pedig megadom a js-ben hogy ha a myField.val == "" akkor a selekt = ''
Az alert(hello1) mindíg megjelenik, az alert(hello2) pedig nem.

 :search:

<select name="mindenev" id="mindenev" onchange="mindev(this.value)">
<option value="">null</option>
<option value="valami">valami</option>
</select>

Kód: Javascript
  1. function mindev(val)
  2.  {
  3. alert('hello1');
  4.  
  5.  var myField = document.getElementById('mindev');
  6.  
  7.         szelekt = '<select style="margin-top: 2px;"><option value="paros">Páros</option><option value="paratlan">Páratlan</option></select>'
  8.  
  9.         document.getElementById('mindev').innerHTML = szelekt;
  10.        
  11.         if(myField.val == "")
  12.         {
  13.         alert('hello2');
  14.        
  15.         document.getElementById('mindev').innerHTML = '';
  16.         var szelekt='';
  17.        
  18.         }
  19.  }
  20.  

Nem elérhető pixi

  • Törzstag
  • **
  • Hozzászólások: 611
    • http://pixy.hu/Ujoldal
Re: Események
« Válasz #100 Dátum: 2011. február 20., 15:50:07 »
...fel e szabad használnom ? :)

Használd nyugodtan.

Elérhető Isti861

  • Törzstag
  • **
  • Hozzászólások: 494
    • BikaTorrent Tracker
Re: Események
« Válasz #99 Dátum: 2011. február 20., 12:32:18 »
Kedves pixi úr lájkolom a kódodat!  O0
Érdeklődnék , hogy fel e szabad használnom ? :)