kutucuğa tıklayınca ikincisi açılsın.

selected · 21/09/2005, 02:01

Merhaba arkadaşlar.

şimdi 10 tane alt alta bulunan ve her satırda iki tane olab kutucuklarımız var. ben ilk etapta sayfa yüklenince sadece en üstteki 1 . satırdaki kutuların yüklenmesini istiyorum. eğer kullanıcı bu 1. satırdaki kutunun içine tıklarsa o zaman onun altındaki 2. saturın kutucukları açılsın. eğer ikincisine tıklarsa 3. saturdaki açılsın. yani kullanıcı kutucuklarımıza veri girdikçe artsın. evet tam olarak istediğim bu güzel anlattım sanırım. Yani bunu böyle hepsini alt alta da dizebilirdim tabi ama 100 tane kutu olunca böyle bi yöntem düşünüldü ve bende olur deyince yapma zorunda kaldım.

yardımlarınızı bekliyorum selam ve saygılar.

turker · 21/09/2005, 02:23

Kod:

<input name="bir" type="text" onchange="javascript:document.all.form.iki.disabled=false">
<input name="iki" type="text" disabled onchange="javascript:document.all.form.uc.disabled=false">
<input name="uc" type="text" disabled onchange="javascript:document.all.form.dort.disabled=false">
.....
.....

Bu işi kolaylaştırmak için bir JS fonksiyonu hazırlayabilirsin, hem daha az kod yazmış olursun hemde tüm browserlarda çalışacak şeklide düzenlersin.

selected · 21/09/2005, 04:03

dostum cevabın için teşekkürler ama sayfada hata uyarısını verdi.

ayrıca senin yazdıgında kutucugu kullanılamaz hale getiriyor öncekine veri girilmişse kutuyu aktif hale getiriyo ben görünür görünmez istiyorum. zaten amaç 100 tane kutucugu kullanıcıya göstermemek girdikçe göstermek.

hızlı cevabın için teekkürler.

ismail pala · 21/09/2005, 09:18

kendinize uyarlamaya çalışın bakalım.
uyarlamada sorununuz olursa çekinmeden yazın.

PHP Kodu:

  <form>

    1<input type=text id=bir style="visibility:hidden";>

    2<input type=text id=iki  style="visibility:hidden";>

    3<input type=text id=uc  style="visibility:hidden";>

    4<input type=text id=dort  style="visibility:hidden";>

</form>

 
<script language=javascript>

    alert(document.all.bir.style.visibility="visible");

</script>

Sniper · 21/09/2005, 10:25

İstediğin kadar kutucuğu sadece en sondaki kutuya tıklayarak açtırabileceğin bir örnek yazdım. Umarım işini görür.

Kod:

<script>
function YeniOlustur(Gonderen) {
	var Br = document.createElement("BR")
	var Eleman = document.createElement("INPUT")
	Eleman.name = "SText"
	Eleman.type = "text"
	Eleman.onclick = function() {YeniOlustur(this)}

	document.getElementById("Sniper").appendChild(Eleman)
	document.getElementById("Sniper").appendChild(Br)
	Gonderen.onclick = ""
}
</script>
<form id="Sniper" method="POST">
	<input type="text" name="SText" onclick="YeniOlustur(this)"><br>
</form>

ismail pala · 21/09/2005, 10:43

Sniper 'ın kodunda oluşan form bilgisini submit yaptığında alırken bir diziden alıyormuş gibi alman gerekecek. bence bir hidden değişkenle kaç obje oluşturuldu bu da submit olduğunda giderse iş kolaylaşır diye düşünüyorum.

selected · 21/09/2005, 14:49

Alıntı:

ismail pala, mesajından alıntı:

kendinize uyarlamaya çalışın bakalım.
uyarlamada sorununuz olursa çekinmeden yazın.

teşekkür ederim tam olarak istediğim bunun gibi bişey ama kendime uyarlayamadım.

http://www.zekeriyatopuzcu.com/forum...k_acilmasi.htm

ismail pala · 21/09/2005, 16:33

PHP Kodu:

  <html>

 
<head>

<meta http-equiv="Content-Language" content="tr">

<meta name="GENERATOR" content="Microsoft FrontPage 5.0">

<meta name="ProgId" content="FrontPage.Editor.Document">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">

<title>Stok Kodu</title>

</head>

 
<script language=javascript>

    function hepsini_gizle(){

        var inputlar = document.all.tags("DIV");

        var kactane = inputlar.length;

        for(i=0; i < kactane; i++){

            inputlar(i).style.visibility = "hidden";

            inputlar(i).style.position = "absolute";                        

        }

        

    }

</script>

 
<body onload="hepsini_gizle();">

 
<form method="POST" action="--WEBBOT-SELF--">

  <!--webbot bot="SaveResults" U-File="C:\Documents and Settings\Administrator\Desktop\_private\form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" --><p>

 
<div  name="d1">

  Stok Kodu : <input type="text" name="T1" size="20"> Adet

  <input type="text" name="T2" size="20"><br>

</div>

<div  name="d2">

  Stok Kodu : <input type="text" name="T3" size="20"> Adet

  <input type="text" name="T4" size="20"><br>

</div>

<div  name="d3">

  Stok Kodu : <input type="text" name="T5" size="20"> Adet

  <input type="text" name="T6" size="20"><br>

</div>

<div  name="d4">

  Stok Kodu : <input type="text" name="T7" size="20"> Adet

  <input type="text" name="T8" size="20"><br>

</div>

<div  name="d5">

  Stok Kodu : <input type="text" name="T9" size="20"> Adet

  <input type="text" name="T10" size="20"><br>

</div>

<div  name="d6">

  Stok Kodu : <input type="text" name="T11" size="20"> Adet

  <input type="text" name="T12" size="20"><br>

</div>

<div  name="d7">

  Stok Kodu : <input type="text" name="T13" size="20"> Adet

  <input type="text" name="T14" size="20"><br>

</div>

<div  name="d8">

  Stok Kodu : <input type="text" name="T15" size="20"> Adet

  <input type="text" name="T16" size="20"><br>

</div>

<div  name="d9">

  Stok Kodu : <input type="text" name="T17" size="20"> Adet

  <input type="text" name="T18" size="20"><br>

</div>

<div  name="d10">

  Stok Kodu : <input type="text" name="T19" size="20"> Adet

  <input type="text" name="T20" size="20"></p>

</div>

 
  <p>BUNUN GİBİ 100 tane oldugunu varsayalım ben bu kutucukları for döngüsü ile 

  yazdırıyorum isimlerine de stok_kodu1, stok_kodu2, adet1, adet2 gibi verdim</p>

  <p><input type="submit" value="Gönder" name="B1"><input type="reset" value="Sıfırla" name="B2"></p>

  <p>&nbsp;</p>

  <p>TAM OLARAK İSTEDİĞİM BU SAYFA YÜKLENDİĞİNDE SADECE EN ÜSTTEKİ AKTİF OLSUN. 

  KULLANICI EN ÜSTE KOD YAZDIGINDA YA DA İÇİNE BİŞEYLER YAZDIGINDA İKİNCİSİ 

  AÇILSIN. JS KONUSUNDA PEK İYİ OLDUGUM SÖYLENEMEZ</p>

</form>

 
</body>

 
</html>

burada dikkat etmeniz gereken durum herbir satır için (veri satırı) söz konusu olan şeyleri bir div içine alın; döngü ile bastırdığınız kodların en başında <div name="falanfilan"> olsun dongü ile bastırdığınızın en sonunda da </div> kodu olsun.
bu basamağı geçince devam edelim

syperusta · 21/09/2005, 17:09

Bence Sniper ustanın kodu gayet güzel ve kısa. Birde onclick olayları onkeyup ile degiştirildiğinde, Bir şey girilmeden oluşturulmasınıda engellemiş olursun.

Kod:

<script>
function YeniOlustur(Gonderen) {
	var Br = document.createElement("BR")
	var Eleman = document.createElement("INPUT")
	Eleman.name = "SText"
	Eleman.type = "text"
	Eleman.onkeyup = function() {if(this.value !='')YeniOlustur(this)}

	document.getElementById("Sniper").appendChild(Eleman)
	document.getElementById("Sniper").appendChild(Br)
	Gonderen.onkeyup = ""
}
</script>
<form id="Sniper" method="POST">
	<input type="text" name="SText" onkeyup="if(this.value !='')YeniOlustur(this)"><br>
</form>

ismail pala · 21/09/2005, 17:16

profesyönel bir kod olduğuna katılıyorum syperusta olaya bir de şu açıdan bak:
kim ne kadar susadıysa ancak susuzluğunu giderecek kadar su içebilir.

21/09/2005, 02:01	#1 (permalink)
selected ... Üyelik Tarihi: 10/2004 Yer: İstanbul Mesaj: 752	kutucuğa tıklayınca ikincisi açılsın. Merhaba arkadaşlar. şimdi 10 tane alt alta bulunan ve her satırda iki tane olab kutucuklarımız var. ben ilk etapta sayfa yüklenince sadece en üstteki 1 . satırdaki kutuların yüklenmesini istiyorum. eğer kullanıcı bu 1. satırdaki kutunun içine tıklarsa o zaman onun altındaki 2. saturın kutucukları açılsın. eğer ikincisine tıklarsa 3. saturdaki açılsın. yani kullanıcı kutucuklarımıza veri girdikçe artsın. evet tam olarak istediğim bu güzel anlattım sanırım. Yani bunu böyle hepsini alt alta da dizebilirdim tabi ama 100 tane kutu olunca böyle bi yöntem düşünüldü ve bende olur deyince yapma zorunda kaldım. yardımlarınızı bekliyorum selam ve saygılar. __________________ <%if instr(1,","&replace(Eid," ",",")&",",","&rs("id")&",")<>"0" then%>selected<%end if%>

21/09/2005, 04:03	#3 (permalink)
selected ... Üyelik Tarihi: 10/2004 Yer: İstanbul Mesaj: 752	dostum cevabın için teşekkürler ama sayfada hata uyarısını verdi. ayrıca senin yazdıgında kutucugu kullanılamaz hale getiriyor öncekine veri girilmişse kutuyu aktif hale getiriyo ben görünür görünmez istiyorum. zaten amaç 100 tane kutucugu kullanıcıya göstermemek girdikçe göstermek. hızlı cevabın için teekkürler. __________________ <%if instr(1,","&replace(Eid," ",",")&",",","&rs("id")&",")<>"0" then%>selected<%end if%>

21/09/2005, 09:18	#4 (permalink)
ismail pala Eski Cevizci Üyelik Tarihi: 08/2005 Mesaj: 508	kendinize uyarlamaya çalışın bakalım. uyarlamada sorununuz olursa çekinmeden yazın. PHP Kodu: `<form> 1<input type=text id=bir style="visibility:hidden";> 2<input type=text id=iki style="visibility:hidden";> 3<input type=text id=uc style="visibility:hidden";> 4<input type=text id=dort style="visibility:hidden";> </form> <script language=javascript> alert(document.all.bir.style.visibility="visible"); </script>`

21/09/2005, 16:33	#8 (permalink)
ismail pala Eski Cevizci Üyelik Tarihi: 08/2005 Mesaj: 508	öncelikli olarak hepsini bir gizleyelim PHP Kodu: <html> <head> <meta http-equiv="Content-Language" content="tr"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1254"> <title>Stok Kodu</title> </head> <script language=javascript> function hepsini_gizle(){ var inputlar = document.all.tags("DIV"); var kactane = inputlar.length; for(i=0; i < kactane; i++){ inputlar(i).style.visibility = "hidden"; inputlar(i).style.position = "absolute"; } } </script> <body onload="hepsini_gizle();"> <form method="POST" action="--WEBBOT-SELF--"> <!--webbot bot="SaveResults" U-File="C:\Documents and Settings\Administrator\Desktop\_private\form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" --><p> <div name="d1"> Stok Kodu : <input type="text" name="T1" size="20"> Adet <input type="text" name="T2" size="20"><br> </div> <div name="d2"> Stok Kodu : <input type="text" name="T3" size="20"> Adet <input type="text" name="T4" size="20"><br> </div> <div name="d3"> Stok Kodu : <input type="text" name="T5" size="20"> Adet <input type="text" name="T6" size="20"><br> </div> <div name="d4"> Stok Kodu : <input type="text" name="T7" size="20"> Adet <input type="text" name="T8" size="20"><br> </div> <div name="d5"> Stok Kodu : <input type="text" name="T9" size="20"> Adet <input type="text" name="T10" size="20"><br> </div> <div name="d6"> Stok Kodu : <input type="text" name="T11" size="20"> Adet <input type="text" name="T12" size="20"><br> </div> <div name="d7"> Stok Kodu : <input type="text" name="T13" size="20"> Adet <input type="text" name="T14" size="20"><br> </div> <div name="d8"> Stok Kodu : <input type="text" name="T15" size="20"> Adet <input type="text" name="T16" size="20"><br> </div> <div name="d9"> Stok Kodu : <input type="text" name="T17" size="20"> Adet <input type="text" name="T18" size="20"><br> </div> <div name="d10"> Stok Kodu : <input type="text" name="T19" size="20"> Adet <input type="text" name="T20" size="20"></p> </div> <p>BUNUN GİBİ 100 tane oldugunu varsayalım ben bu kutucukları for döngüsü ile yazdırıyorum isimlerine de stok_kodu1, stok_kodu2, adet1, adet2 gibi verdim</p> <p><input type="submit" value="Gönder" name="B1"><input type="reset" value="Sıfırla" name="B2"></p> <p> </p> <p>TAM OLARAK İSTEDİĞİM BU SAYFA YÜKLENDİĞİNDE SADECE EN ÜSTTEKİ AKTİF OLSUN. KULLANICI EN ÜSTE KOD YAZDIGINDA YA DA İÇİNE BİŞEYLER YAZDIGINDA İKİNCİSİ AÇILSIN. JS KONUSUNDA PEK İYİ OLDUGUM SÖYLENEMEZ</p> </form> </body> </html> burada dikkat etmeniz gereken durum herbir satır için (veri satırı) söz konusu olan şeyleri bir div içine alın; döngü ile bastırdığınız kodların en başında <div name="falanfilan"> olsun dongü ile bastırdığınızın en sonunda da </div> kodu olsun. bu basamağı geçince devam edelim

Benzer Konular
Konu	Konuyu açana göre	Forum	Cevap	En Son Mesaj
Java Sormadan Açılsın ?	beginnerstudent	Java / JSP	4	02/04/2007 23:22
kutucuğa ali yazınca www.qqq.com/ali.html adresine gitsin yardım!..	Raider	Flash / Director / Swift 3D ...	2	09/02/2007 18:06
sayfa tam yüklendiğinde açılsın?	yukku	Javascript / DHTML / Ajax	3	10/06/2005 01:50
bir penceredeki bir kutucuğa bir popup pencereden tarihleri yazdırmak nasıl oluyor ?	eslem1	Javascript / DHTML / Ajax	13	28/05/2004 15:05
JS popup 1 kez açılsın.	nohurge	Javascript / DHTML / Ajax	2	25/05/2004 13:57

21/09/2005, 10:43	#6 (permalink)
ismail pala Eski Cevizci Üyelik Tarihi: 08/2005 Mesaj: 508	Sniper 'ın kodunda oluşan form bilgisini submit yaptığında alırken bir diziden alıyormuş gibi alman gerekecek. bence bir hidden değişkenle kaç obje oluşturuldu bu da submit olduğunda giderse iş kolaylaşır diye düşünüyorum.

21/09/2005, 17:16	#10 (permalink)
ismail pala Eski Cevizci Üyelik Tarihi: 08/2005 Mesaj: 508	profesyönel bir kod olduğuna katılıyorum syperusta olaya bir de şu açıdan bak: kim ne kadar susadıysa ancak susuzluğunu giderecek kadar su içebilir.

Seçenekler
Yazdırmaya Uygun Sayfa Sayfayı E-posta İle Gönder