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

pixi · « **Válasz #53 Dátum:** 2010. május 12., 20:26:33 »

Köszönöm, így már úgy működik, ahogy szerettem volna :

Kód: Javascript

document.getElementById(obj).style.display='block';
document.getElementById(obj).style.position='absolute';

Rimelek · « **Válasz #52 Dátum:** 2010. május 12., 18:57:40 »

Ha azt akarod, hogy felette jelenjen meg, akkor a position css tulajdonságát absolute-ra vagy relative -ra kell állítani. Akkor poziciánálhatod a left és top css tulajdonságokkal.

Egyébként a csere függvényben a display állításánál elég ennyi:

Kód: Javascript

document.getElementById(obj).style.display='block';

pixi · « **Válasz #51 Dátum:** 2010. május 12., 18:38:25 »

Most ott tartok, hogy kurzorra előjön a nagy kép, ha elveszem eltűnik. Az viszont sehogy sem akar összejönni, hogy a kis képek alatt levő szövegre nyíljon ki a nagy kép. Nem ezt teszi, hanem a szöveget maga előtt letolja, annak ellenére, hogy induláskor a div display: none. Megoldható valahogy, hogy rányíljon ?

Kód: HTML

<script LANGUAGE='Javascript'>
function csere(i,s,obj) 
{
document.getElementById(i).src=s; 
document.getElementById(obj).style.display=(document.getElementById(obj).style.display='block');
}
</script>
        
</head>
<body>
         
<table><tr>
  <td><img src='001.jpg' width='100px' OnMouseOver="csere('ujkep','001.jpg','disp')"
 onMouseout="document.getElementById('disp').style.display='none';"> </td>
 
  <td><img src='002.jpg' width='100px' OnMouseOver="csere('ujkep','002.jpg','disp')"
 onMouseout="document.getElementById('disp').style.display='none';"> </td>
 
  <td><img src='003.jpg' width='100px' OnMouseOver="csere('ujkep','003.jpg','disp')"
 onMouseout="document.getElementById('disp').style.display='none';"> </td>
</tr></table>
        
<div id="disp" style='display: none'>
  <IMG id='ujkep' width='200px' border='0'>
</div>
        
szöveg <br> szöveg <br> szöveg
szöveg <br> szöveg <br> szöveg 

pixi · « **Válasz #50 Dátum:** 2010. május 11., 23:15:17 »

Idézetet írta: Rimelek - 2010. május 11., 23:02:08

... az onmouseout-ban állítsd none-ra a div-et.

Megpróbálom, de akkor már a scriptet is át kell alakítani, amire nem sok esélyem van.
Majd sikítok, ha nem jön össze.

Rimelek · « **Válasz #49 Dátum:** 2010. május 11., 23:02:08 »

Idézetet írta: pixi - 2010. május 11., 22:47:00

Tehát, ha van nagy kép, akkor kétszer kell a kurzort valamelyik kicsire rátenni ahhoz, hogy másik nagy kép jöjjön elő.

Mert Keve félreértett téged. Az a megoldás csak akkor foglalkozik a képpel, ha a kis kép fölé viszed az egeret. De eltüntetni is akkor fogja, tehát le kell vinned róla ahhoz, hogy újra rávihesd, és akkor eltűnik. Csak az onmouse-otban állítsd none-ra a div-et.

Idézetet írta: pixi - 2010. május 11., 22:47:00

Rimelek : a div az egy hsz-el lejjebb abban a kódrészben van, amit én tettem be

Bocsánat. Én voltam vak. :doh:

pixi · « **Válasz #48 Dátum:** 2010. május 11., 22:47:00 »

Köszönöm. Evvel most egy darabig eljátszogatok. Most úgy működik, ahogy írtad, ha egy kis képre ráteszem a kurzort, akkor felette megjelenik a nagyobb kép. Ha még egyszer ráteszem valamelyik kis képre akkor meg eltűnik. Tehát, ha van nagy kép, akkor kétszer kell a kurzort valamelyik kicsire rátenni ahhoz, hogy másik nagy kép jöjjön elő. Most megpróbálom betenni az onMouseOut-ot is, remélem sikerül.

---

Rimelek : a div az egy hsz-el lejjebb abban a kódrészben van, amit én tettem be

Rimelek · « **Válasz #47 Dátum:** 2010. május 11., 22:40:53 »

Nem látok div-et. De az onmouseover ellentéte az onmouseout. Szóval if sem kell. egyikben none-ra állítod a display-t, másikban block-ra.

Keveqiah · « **Válasz #46 Dátum:** 2010. május 11., 21:24:14 »

divnek egy ID és js-ben nézed a geletelemtby().style.display tulajdonság értékét. Ha none, akkor blockra állítod, ha block, akkor nonera.

Kód: Javascript

function csere(i,s, obj)        
{
document.getElementById(i).src=s; 
document.getElementById(obj).style.display=(document.getElementById(obj).style.display=='block')?'none':'block'
}

Kód: HTML

<div id="valami"><IMG id='ujkep' SRC= '001.jpg' width='200px' border='0'></div>
<img src='001.jpg' width='100px'        OnMouseOver="csere('ujkep','20080615-001.jpg', 'valami')">
 

pixi · « **Válasz #45 Dátum:** 2010. május 11., 21:19:28 »

A kis képre tett kurzor, a div-ben megjeleníti a nagyobb képet. Azt szeretném elérni, hogy ha nincs OnMouseOver, akkor a div display: none, ha van OnMouseOver, akkor pedig display: block tulajdonságot kapna. Addig jutottam, hogy a scriptbe egy elágazás kellene és az eredményt egy, a div-nek adott id-ben kellene átadni. Ebben kérnék segítséget.

Kód: Javascript

<script LANGUAGE='Javascript'>
  function csere(i,s)   { document.getElementById(i).src=s; }
</script>
        
</head>
<body>
 
szöveg <br><br>
 
<div><IMG id='ujkep' SRC= '001.jpg' width='200px' border='0'></div>
 
<table><tr>
  <td><img src='001.jpg' width='100px'  OnMouseOver="csere('ujkep','20080615-001.jpg')" ></td>
  <td><img src='002.jpg' width='100px'  OnMouseOver="csere('ujkep','20080615-002.jpg')" ></td>
  <td><img src='003.jpg' width='100px'  OnMouseOver="csere('ujkep','20080615-003.jpg')" ></td>
</tr></table>
 

<madbence /> · « **Válasz #44 Dátum:** 2010. május 03., 16:34:57 »

return false-t neki!

Kód: [Kijelölés]

<div id="drawtable" style="width: 100%; height: 100%;"></div>
<script>
document.getElementById("drawtable").onmousedown=function(e)
{
	s={x:e.clientX,y:e.clientY};
	return false;
}
document.getElementById("drawtable").onmouseup=function(e)
{
	alert("X: "+s.x+"->"+e.clientX+",ss Y: "+s.y+"->"+e.clientY);
	return false;
}
</script>

Ez nekem működött

Satya · « **Válasz #43 Dátum:** 2010. május 03., 15:43:14 »

Adott egy kód, ez meghatároz egy szakaszt az alapján, hogy hol nyomtuk le az egeret és hol engedtük fel. Az gond vele, hogy nem engedi húzni az egeret kattintás után, mivel az adott hely vagy elem nem mozgatható. Hogyan lehetne orvosolni, hogy A pontban lenyomom, B pontban felengedem és szépen kiírja a koordinátákat.

Kód: HTML

<html>
        <head>
                <script type="text/javascript" src="includes/functions.js"></script>
        </head>
        <body>
                <div id="drawtable" style="width: 100%; height: 100%;" onmousedown="startdraw(event);" onmouseup="stopdraw(event);"></div>
        </body>
</html>
 

Kód: Javascript

function startdraw(event)
{
        startpoints = 
        {
                x: event.clientX, 
                y: event.clientY
        };
        document.dragging = document;
}
 
function stopdraw(event)
{
        alert("X: " + startpoints.x + "->" + event.clientX + ", Y: " + startpoints.y + "->" + event.clientY);
}
 

Szerk.: Egy új sor beszúrva (8.), már kiírja rendesen az első alkalommal, a másodiknál ugyan úgy "letilt". :wacko:

pixi · « **Válasz #42 Dátum:** 2010. április 11., 22:48:48 »

Köszi Bence, ez lesz a jó megoldás. Még nem akarja kiírni a számokat, de reggelig ráveszem.

tbence · « **Válasz #41 Dátum:** 2010. április 11., 20:56:13 »

Megoldható.

Kód: PHP

if(isset($_COOKIE['stop'])){
$print "<body onload='javascript: minus();'>";
}else{
print "<body>";
}
 

Remélem ilyesmire gondoltál te is.

pixi · « **Válasz #40 Dátum:** 2010. április 11., 20:37:11 »

Nem egészen így értettem. Akkor úgy kérdezném, hogy az alábbi scriptet el lehet-e INDÍTANI, onclick() nélkül ? Tehát, ha létezik egy bizonyos süti, akkor automatikusan fusson le, ha nincs süti, akkor pedig ne.

Kód: PHP

<script type="text/javascript">
        counter = 10;   
        var ido 
        function minus()
        {       
        document.getElementById('szkiir').innerHTML = counter;
        if  ( counter > 0) { counter--; }       else    { return; }
        ido=setTimeout("minus()",1000);
        }
</script>

Rimelek · « **Válasz #39 Dátum:** 2010. április 11., 18:56:34 »

Megoldható. Nem írod ki a forrásba php-vel a a javascript függvény forráskódját, ha létezik a cookie.

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

pixi

Re: Események

Rimelek

Re: Események

pixi

Re: Események

pixi

Re: Események

Rimelek

Re: Események

pixi

Re: Események

Rimelek

Re: Események

Keveqiah

Re: Események

pixi

Re: Események

<madbence />

Re: Események

Satya

Re: Események

pixi

Re: Események

tbence

Re: Események

pixi

Re: Események

Rimelek

Re: Események