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

tomi6230i · « **Válasz #98 Dátum:** 2011. február 20., 10:55:01 »

A window.onerror esemény Safariban és Chromeban nem működik?

pixi · « **Válasz #97 Dátum:** 2010. november 28., 02:00:21 »

Na így már egész kulturáltan nyílik és csukódik:

Kód: HTML

<html><head>
 
<script type='text/javascript'>
 var w = 0;
 var h = 0;
 var text = "szoveg  szoveg  szoveg  szoveg  szoveg  szoveg  szoveg  szoveg  szoveg  szoveg  szoveg ";
 
 function nyit()
        {
        w = w + 6; 
        h = h + 3;
        document.getElementById('divid').style.display = 'block';
        document.getElementById('divid').style.position = 'absolute';
        document.getElementById('divid').style.width  = w + 'px';
        document.getElementById('divid').style.height = h + 'px';
                
        if ( w<200)  { setTimeout('nyit()',1); }  else  { document.getElementById('divid').innerHTML = text;    } 
        }       
 
 function zar()
        {
        w = w - 6; 
        h = h - 3;
        document.getElementById('divid').style.width  = w + 'px';
        document.getElementById('divid').style.height = h + 'px';
        document.getElementById('divid').innerHTML = "";
                
        if ( w<1) { 
                document.getElementById('divid').style.display = 'none';
                document.getElementById('divid').style.position = 'relative';
                }
        else {  setTimeout('zar()',1); }        
        }
</script>
 
</head><body>
 
   <button onmouseover='nyit();' onmouseout='zar();'> div nyitás kurzorra </button><br>
 
        <div id='divid' style='font: 11px arial; display: none; position: relative; width: 0px; background: #FFFFC0; border: 1px solid gray' >  </div>
        <br> tartalom
                        
</body></html>

ThompsoN · « **Válasz #96 Dátum:** 2010. november 27., 19:34:47 »

Nincs mit.

pixi · « **Válasz #95 Dátum:** 2010. november 27., 18:59:05 »

Megint köszönöm. Folyamatosan a text=""; részt próbálgattam a legkülömbözőbb helyeken, de az innerHTML-el nem írattam ki a semmit. A megoldás viszont már legalább nem teljesen kínai, mert több próba scriptemben is előfordul, így a továbbiakban remélhetőleg nem esek ugyan ebbe a hibába.

ThompsoN · « **Válasz #94 Dátum:** 2010. november 27., 18:43:50 »

A zar() funkcióba szúrd be ezt a sort:
document.getElementById('divid').innerHTML = '';

Azért nem volt jó eddig, mert a szöveget, amit beleírtál, nem törölted.

pixi · « **Válasz #93 Dátum:** 2010. november 27., 17:50:05 »

Kurzorra kinyílik egy div és ezután megjelenik benne egy szöveg. Második kurzor érintésre viszont a szöveg és a div nyitás már egyszerre megy. A text változó értékét próbáltam törölni ( text = ""; ) több helyen is, de semmi nem változik. Valami mást kell módosítani.

Kód: HTML

<html><head>
 
<script type='text/javascript'>
 var w = 0;
 var h = 100;
 
 function nyit()
        {
        document.getElementById('divid').style.display = 'block';
        document.getElementById('divid').style.position = 'absolute';
        document.getElementById('divid').style.width  = w + 'px';
        document.getElementById('divid').style.height = h + 'px';
        w = w + 6; 
                
        if ( w<200)                                           // >
          { setTimeout('nyit()',1); }
        else
          {
          var text = "szoveg  szoveg  szoveg  szoveg  szoveg  szoveg  szoveg  szoveg  szoveg  szoveg  szoveg ";
          document.getElementById('divid').innerHTML = text;
          }
        }       
        
 function zar() { document.getElementById('divid').style.display = 'none'; w = 0; h = 100; }
</script>
 
</head><body>
 
  <button onmouseover='nyit();' onmouseout='zar();'> div nyitás kurzorra </button><br>
 
  <div id='divid' style='font: 11px arial; display: none; position: relative; width: 0px; background: #FFFFC0; border: 1px solid gray' >  </div>
  <br> tartalom
                        
</body></html>

pixi · « **Válasz #92 Dátum:** 2010. november 25., 18:15:45 »

Köszönöm, ez tényleg működik. Időközben sikerült más módon működésre bírni, de a te megoldásod frappánsabb, rövidebb.
Mostanában kimondottan csak a javascript-tel sanyargatom magam, ami kezd egyre érthetőbb lenni, de most ezt a zárójelezést még meg kell emésztenem.

ThompsoN · « **Válasz #91 Dátum:** 2010. november 25., 16:28:19 »

Egyetlen sorban van a hiba.

ido=setTimeout('merre(irany)',30); -> ezt cseréld le a lejjebb lévő kódra, és tökéletesen fog menni.

Kód: Javascript

ido = setTimeout(function(){
        merre(irany);
}, 30);

pixi · « **Válasz #90 Dátum:** 2010. november 24., 18:30:12 »

Próbálom a számok le-, fel pörgetését egy függvénybe berakni. A hiba most az, hogy kurzor rátételekor csak egyet ugrik a számláló és leáll. Valami megszakítja a ciklust, de nem jövök rá, hogy mi :

Kód: HTML

<html><head>
 
<script type='text/javascript'>
 var counter = 128;
 var ido;
 
 function merre(irany)
        {
        document.getElementById('szin').style.backgroundColor='rgb('+counter+', 0, 0)';
        hszin = document.getElementById("szin").style.backgroundColor;
        document.getElementById('szam').innerHTML = irany + ' - ' + hszin;
        
        if ( irany=='le')       
                {
                if(counter>0)   {counter--;}
                }
        else
                {
                if(counter<255) {counter++;}
                }
        ido=setTimeout('merre(irany)',30);
        }
        
 function stop()        { ido=clearTimeout(ido) }
</script>
 
</head><body>
 
<input type='button'  onmouseover='merre("le");'        onmouseout='stop()' value=' - ' >
<input type='button'  onmouseover='merre("fel");'       onmouseout='stop()' value=' + ' >
 
 <div  id='szam' style='font: 11px arial; width: 100px; height: border: 1px solid gray' > ... </div> 
 <div  id='szin' style='font: 11px arial; width: 125px; height: 50px; background: rgb(128,0,0); border: 1px solid gray' >  </div>
 
</body></html>

pixi · « **Válasz #89 Dátum:** 2010. november 23., 20:47:13 »

Köszönöm, így már megy:

document.getElementById('szam').value = counter;

Rimelek · « **Válasz #88 Dátum:** 2010. november 23., 20:27:45 »

A gomboknak nem innerHTML-jük van, hanem value -juk. Ahogy html-ben is írod.

pixi · « **Válasz #87 Dátum:** 2010. november 23., 18:06:41 »

A scriptben 0-tól 255-ig lehet a számokat pörgetni oda, vissza, a + és - gombokra tett kurzorral. Azt szeretném, hogy az így változó szín a div-ben, a szám pedig a button gombon jelenjen meg. A div színváltozása rendben van, a szám (counter) viszont nem jelenik meg a gombon. Ha az innerHTML is a div id-jét kapja, akkor a div-ben kiírja az aktuális számot és a háttér szine is úgy változik, ahogy kell.

Kód: HTML

<html><head>
 
<script type='text/javascript'>
 var counter = 128;     
 var ido;
        
 function minus()
        {       
        document.getElementById('szam').innerHTML=counter;
        document.getElementById('szin').style.backgroundColor='rgb('+counter+', 0, 0)';
        if(counter>0) { counter--; } else { return; }
        ido=setTimeout('minus()',30);
        }       
 function plus()
        {       
        document.getElementById('szam').innerHTML=counter;
        document.getElementById('szin').style.backgroundColor='rgb('+counter+', 0, 0)';
        if(counter<255) { counter++; } else { return; }
        ido=setTimeout('plus()',30);
        }       
 function stop()        { ido=clearTimeout(ido) }
</script>
 
</head><body>
 
<input type='button'  onmouseover='minus();'    onmouseout='stop()' value=' - '>
<input type='button'  onmouseover='plus();'     onmouseout='stop()' value=' + '>
 
 <input type='button'  id='szam' style='font: 11px arial; width: 50px;' value='128' />
 <div  id='szin' style='font: 11px arial; width: 125px; height: 50px; border: 1px solid gray' >  </div>
 
</body></html>

Isti861 · « **Válasz #86 Dátum:** 2010. november 13., 20:49:57 »

huhu, hát elég zavaros a kód előre szólok . ne engem szidjatok érte hanem azt aki készítette

de minden esetre ki szeretném javítani ..

és szinte mindenhol meg van hívva ez a függvény mivel ez épiti fel az oldalt...

stdhead(); így van meg híva mindenhol ...
betettem a file-t inkább.

Keveqiah · « **Válasz #85 Dátum:** 2010. november 13., 16:24:07 »

ehhez látni kéne hogy és hol van meghívva a fgv. Lehet elég egy onload is.

Isti861 · « **Válasz #84 Dátum:** 2010. november 13., 14:56:11 »

hali !

van egy functions.php nevű fájlom ,ebben pedig függvényekben van a html fej léc és a láb léc, ugye minden oldalon be hívom ezt a 2 függvényt. a fejlcben head közé meg vannak adva a js -ek is hogy miket hívjon be. az a problémám hogy van olyan js ami ott is le fut ahol nem kéne . hogy tudnám ezt ki kerülni?

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

tomi6230i

Re: Események

pixi

Re: Események

ThompsoN

Re: Események

pixi

Re: Események

ThompsoN

Re: Események

pixi

Re: Események

pixi

Re: Események

ThompsoN

Re: Események

pixi

Re: Események

pixi

Re: Események

Rimelek

Re: Események

pixi

Re: Események

Isti861

Re: Események

Keveqiah

Re: Események

Isti861

Re: Események