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

tbence · « **Válasz #83 Dátum:** 2010. október 29., 16:17:17 »

AJAX témában nézelődj. Szerintem csak így lehet oldal újratöltés nélkül PHP SESSIONT létrehozni.

blase001 · « **Válasz #82 Dátum:** 2010. október 29., 16:00:21 »

Üdv.

Szeretnék egy linkkel meghívni egy eseményt, ami következtében javascript berak egy értéket egy php $_SESSION függvénybe.
A php részét tudom, csak a js részét nem.
Tehát rákkattintok egy linkre <a href=".....">LINK</a> és oldaltöltés nélkül elküld például egy számot a $_SESSION['szam'] tömbnek.
Ne ezt nem tudom hogyan is kell.
Tudtok segíteni?

Semmu

a betöltött js fájlban hívj meg egy függvényt, mert az lefut betöltéskor.

Keveqiah

JS el egy külső js-t töltök be egy már betöltött oldalba. Viszont az értékátadás "késik" tehát valami olyanra lenne szükségem, ami vizsgálja, hogy adott változót beállítottak e vagy sem. Nem csak if-else-re gondolok hanem valami ciklusra. Vagy ha van valami ötlet, hogyan tudom vizsgálni, hogy a behívott js betöltődött e vagy sem?

Magyarán: oldal betölt, gombra kattintanak, js fájl beszúrok head részbe és az beállít egy értéket, majd ezt kiiratom.

Kód: Javascript

        def_param:
        {
                'shorturl'      :       false
        },
..............
            // Eseménykezelés
            $('#shorter-btn').click(function(event)
            {
                if(!Api.Config['shorturl'])
                {
                        Api.callApi(key, location.href);
                        // ide kéne valami ciklus, ha a script készen áll, mert így gyors egymásutánban még a false értéket adja át.
                        Api.setBox(Api.Config['shorturl'], event);
                }
.............
        callApi:function(key, url)
        {
                        var jquery=document.createElement('script')
                        jquery.setAttribute("type","text/javascript")
                        jquery.setAttribute("src", this.Config['url_path']+"/api.php?k="+key+"&url="+url+"")
                        jquery.setAttribute("id", "KurlCall")
                        document.getElementsByTagName("head")[0].appendChild(jquery)
        },
 

pixi · « **Válasz #79 Dátum:** 2010. június 08., 21:49:10 »

Kösz Bence, így már mocorog, de ha a középső div méretein módosítok, akkor meg se nyekken. Ez egy darabig most el fog szórakoztatni, amíg sikerül jobb belátásra birnom.

No ez hamar megoldódott, a white-space: nowrap kellett a div-nek.

tbence · « **Válasz #78 Dátum:** 2010. június 08., 21:23:11 »

Kód: HTML

<html> <head>
 <script type="text/javascript">
    var scrolling = null;
 
    function scroll_up() {
        var d = document.getElementById('scroller');
 
        d.scrollLeft = d.scrollLeft - 5;
 
        scrolling = window.setTimeout(function() {
            scroll_up();
        }, 100);
    }
 
    function scroll_down() {
        var d = document.getElementById('scroller');
 
        d.scrollLeft = d.scrollLeft + 5;
 
        scrolling = window.setTimeout(function() {
            scroll_down();
        }, 100);
    }
 
    function stop_scroll() {
        window.clearTimeout(scrolling);
    }
 </script>
</head>
 
<body>
 
   <div style="color:red;" onmouseover="scroll_up();" onmouseout="stop_scroll();"> scroll up </div>
        <div id="scroller" style="overflow: hidden;width: 20px; height: 70px;">
            I am using a menu inside a div tag.
            What i want to do is to add scroll buttons
            (up and down ) along side div which move
            the div up and down on mouse over.
            How can i achieve this?
 
            It would be very nice of you if you can
            provide a link to the article or blog
            where solution is provided to my problem.
        </div>
   <div style="color:blue;" onmouseover="scroll_down();" onmouseout="stop_scroll();"> scroll down </div>
 
</body>
</html>
 

Ez működik. (Azért vettem kissebre oldalról, mert nem akarta a sorokat kinyújtani, így elfért, ezért nem volt hová tekerni...)
MIndenesetre most megy.

pixi · « **Válasz #77 Dátum:** 2010. június 08., 21:09:10 »

A kód kurzorra, a div-ben levő szöveget scrollozza le és fel. Mivel egyszerűnek tűnt, megpróbáltam átalakítani, hogy ugyan ezt horizontálisan csinálja, de nem jön össze. Ha valaki megigazítaná, megköszönném:

Kód: HTML

<html> <head>
 <script type="text/javascript"> 
    var scrolling = null; 
  
    function scroll_up() { 
        var d = document.getElementById('scroller'); 
  
        d.scrollTop = d.scrollTop - 5; 
  
        scrolling = window.setTimeout(function() { 
            scroll_up(); 
        }, 100); 
    } 
  
    function scroll_down() { 
        var d = document.getElementById('scroller'); 
  
        d.scrollTop = d.scrollTop + 5; 
  
        scrolling = window.setTimeout(function() { 
            scroll_down(); 
        }, 100); 
    } 
  
    function stop_scroll() { 
        window.clearTimeout(scrolling); 
    } 
 </script> 
</head>
        
<body> 
 
   <div style="color:red;" onmouseover="scroll_up();" onmouseout="stop_scroll();"> scroll up </div> 
        <div id="scroller" style="width:100px; height:70px; overflow:hidden;"> 
            I am using a menu inside a div tag. 
            What i want to do is to add scroll buttons 
            (up and down ) along side div which move 
            the div up and down on mouse over. 
            How can i achieve this? 
  
            It would be very nice of you if you can 
            provide a link to the article or blog 
            where solution is provided to my problem. 
        </div> 
   <div style="color:blue;" onmouseover="scroll_down();" onmouseout="stop_scroll();"> scroll down </div> 
 
</body> 
</html>

pixi · « **Válasz #76 Dátum:** 2010. június 03., 15:30:55 »

Azt, hogy a nagy kép hol jelenjen meg, a style.top és a style.left értékekkel tudod szabályozni.
Az onclick helyett egyszerűbb az onmouseout, mivel feleslegesen senki nem szeret kattogtatni.
Próbáld így :

Kód: PHP

<html> 
<head> 
  <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'> 
  <title> kurzorra-nkep.php </title> 
<style> 
  #kkep     { width: 55px; height: 42px; overflow-y: hidden; white-space: nowrap; overflow: hidden;  }
  #kkep img { max-height: 42px; height:expression(this.height > 42 ? "42px" : this.height);  }
  img       { max-width: 369px; max-height: 277px; * height: 369px; }
</style> 
 
<script LANGUAGE='Javascript'> 
function csere(i,s,disp)        
{
document.getElementById(i).src=s;
document.getElementById(disp).style.display='block';
document.getElementById(disp).style.position='absolute';
document.getElementById(disp).style.top=60;
document.getElementById(disp).style.left=6;
}
</script> 
 
</head> 
<body>
 
<div id='disp' style='display: none; position: relative'> 
        <IMG id='ujkep' border='1'> 
</div>  
  
<div id='kkep'>
        <img src='ciara'
        onMouseOver="csere('ujkep','ciara.jpg', 'disp')" 
        onMouseout="document.getElementById('disp').style.display='none' "> 
</div> 
 
</body></html>

Semiramis · « **Válasz #75 Dátum:** 2010. június 02., 18:36:02 »

az szupi, hogy te erre gondoltál, de nekem fogalmam sincsen, hová kéne írnom

:'(

amúgy beillesztettem az oldalba, és valamiért nem működik

Elküldve:: 2010. Június 02. 18:16:29

Működik, de a kép az oldalon lentebb található, a felugró kép pedig az oldal tetején jelenik meg. Így nem látható.
Erre van gyógyír?

Rimelek · « **Válasz #74 Dátum:** 2010. június 02., 18:12:23 »

Idézetet írta: Semiramis - 2010. június 02., 18:02:27

..és ugyan ez, de a felugró képre kattintva?

Most nagyon meglepőt fogok írni: A felugró kép-nek add az onclick eseményt.
Én egyébként eleve arra gondoltam.

Semiramis · « **Válasz #73 Dátum:** 2010. június 02., 18:02:27 »

Működik, köszönöm

..és ugyan ez, de a felugró képre kattintva?

mert jelen esetben a kiskép után írtam...

Rimelek · « **Válasz #72 Dátum:** 2010. június 02., 17:57:57 »

Idézetet írta: Semiramis - 2010. június 02., 17:49:47

van-e arra mód, hogy egy ráklikkel el is tűnjön. Mert így nekem ott marad, és ez így még nem jó

Van. Adj egy onclick eseményt a képnek. Amiben a csere függvényben látottak módjára a diskpay tulajdonságát a 'disp' nevű divnek none-ra állítod.

Kód: HTML

onclick="document.getElementById('disp').style.display = 'none'"

Idézetet írta: Semiramis - 2010. június 02., 17:49:47

(nem tudom, hoygan kell a kódot szövegdobozba helyezni itt )

Beidézed az idézet linkkel az üzenetet és a forrásból kilesed. De szmájlik felett kettős kereszt gomb a <?php ?> blokkokra. És tetszőleges nyelvhez a Geshi lenyíló lista.

Semiramis · « **Válasz #71 Dátum:** 2010. június 02., 17:49:47 »

Na . Közben dolgozgattam

Átformáltam az én képemre. Már csak egy aprócska gondom lenne vele... felugrik a kép, szuper. Kérdés, van-e arra mód, hogy egy ráklikkel el is tűnjön. Mert így nekem ott marad, és ez így még nem jó

Kód: HTML

<html> 
<head> 
     <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'> 
        <title> kurzorra-nkep-ciklussal-scroll.php </title> 
<style> 
  .nkep                 { top: 110px; * top: 110px; left: 10px; width: 369px; height: 277px; background: #EFEFEF; border: 1px solid gray;  }
  #kkep                 { width: 55px; height: 42px;  overflow-y: hidden; white-space: nowrap;  border: 1px black;  }
  #kkep img     { max-height: 42px; height:expression(this.height > 85 ? "42px" : this.height); margin-right: 3px;  }
  img                           { max-width: 55px; max-height: 42px;  }
</style> 
        
<script LANGUAGE='Javascript'> 
function csere(i,s,disp)        
{
document.getElementById(i).src=s;
document.getElementById(disp).style.display='block';
document.getElementById(disp).style.position='absolute';
}
</script> 
        
</head> 
<body> <br> <br><br><br> 
 
<div id='disp' class='nkep' style='display: none; position: relative'> 
        <IMG id='ujkep' style='width: 369px height: 277px' border='1'> 
</div>  
 
 
<div id='kkep'><img src=ciara.jpg width=55px height=42px  onMouseOver="csere('ujkep','ciara.jpg', 'disp')"> 
</div> 
        
        </body></html>

(nem tudom, hoygan kell a kódot szövegdobozba helyezni itt

)

Rimelek · « **Válasz #70 Dátum:** 2010. május 21., 21:53:34 »

Én a html kimenetedet "loptam le" a demodból, és úgy próbáltam ki a változtatásokat, vagyis nem volt semmiféle ciklusom. És a hiba ugyanúgy fenn állt. Ha meg kitöröltem a css utolsó sorát az img tagra vonatkozóan, máris minden oké volt. a méreteket leszámítva persze. Ha meg bent hagytam a sort, és megadtam a magasságot a képnek, akkor is jó volt.

pixi · « **Válasz #69 Dátum:** 2010. május 21., 21:50:43 »

Lehet, hogy így van, ahogy írtad, de ezeknek ellentmond az, hogy mindezek nélkül miért működik jól, ha a kis képeket nem ciklusban iratom ki, hanem soronként nevesítve, illetve ha ciklusban és gyorsan rávitt kurzorral.
Mindenesetre próbálkozok, ha kell akkor még a ráolvasást is bevetem.

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

tbence

Re: Események

blase001

Re: Események

Semmu

Re: Események

Keveqiah

Re: Események

pixi

Re: Események

tbence

Re: Események

pixi

Re: Események

pixi

Re: Események

Semiramis

Re: Események

Rimelek

Re: Események

Semiramis

Re: Események

Rimelek

Re: Popup

Semiramis

Re: Popup

Rimelek

Re: Események

pixi

Re: Események