Autor | Zpráva | ||
---|---|---|---|
OBr Profil |
#1 · Zasláno: 1. 4. 2011, 13:09:30
Můžete mi pomoci s tímto scriptem? Po kliknutí na INPUT se zobrazí DIV, a chci aby se po ztracení focusu DIV skryl. Problém je že chci aby se po kliknutí na DIV doplnil jeho obsah zpět do INPUTu. Jak zajistit aby se akce v onbluru buď neprovedla, nebo provedla až po onclicku? Pokud možno bez použití časovače.
<input type="text" id="txt"> <div id="txt_data" style="display:none;"> text </div> <script type="text/javascript"> txt = document.getElementById("txt"); txtdata = document.getElementById("txt_data"); txt.onfocus = function(){ txtdata.style.display="block"; }; txt.onblur = function(){ txtdata.style.display="none"; }; txtdata.onclick = function(){ txt.value = o_txtdata.innerHTML; }; </script> |
||
patlal Profil |
#2 · Zasláno: 1. 4. 2011, 13:46:20
Objekt o_txtdata neexistuje.
|
||
pcmanik Profil |
#3 · Zasláno: 1. 4. 2011, 13:50:49
A je zvykom premenne v javascripte definovat var = ...
|
||
OBr Profil |
#4 · Zasláno: 1. 4. 2011, 13:55:09
Dobrá, tak oprava
<input type="text" id="txt"> <div id="txt_data" style="display:none;"> text </div> <script type="text/javascript"> var txt = document.getElementById("txt"); var txtdata = document.getElementById("txt_data"); txt.onfocus = function(){ txtdata.style.display="block"; }; txt.onblur = function(){ txtdata.style.display="none"; }; txtdata.onclick = function(){ txt.value = txtdata.innerHTML; }; </script> Nic to ale nemění na tom že txtdata.onclick se neprovede protože se onblurem skryje. |
||
Keeehi Profil |
#5 · Zasláno: 1. 4. 2011, 14:03:31
Třeba takto:
<input type="text" id="txt"> <div id="txt_data" style="display:none;"> text </div> <script type="text/javascript"> var skryt = true; var txt = document.getElementById("txt"); var txtdata = document.getElementById("txt_data"); txt.onfocus = function(){ txtdata.style.display="block"; }; txt.onblur = function(){ if(skryt) txtdata.style.display="none"; }; txtdata.onclick = function(){ txt.value = txtdata.innerHTML; txt.focus(); }; txtdata.onmouseover = function(){ skryt=false; }; txtdata.onmouseout = function(){ skryt=true; }; </script> |
||
OBr Profil |
#6 · Zasláno: 1. 4. 2011, 14:12:46
Keeehi : Jednoduché a funkční, diky moc.
|
||
Časová prodleva: 11 let
|
0