• 25-11-2013, 15:44:09
    #1
    Arkadaşlar merhaba value1 ekrana seçili olarak gelsin istiyorum. Nasıl yapa bilirim ?

    Alıntı
    <script type="text/javascript">
    <!--
    function showMe (it, box) {
    var vis = (box.checked) ? "block" : "none";
    document.getElementById(it).style.display = vis;
    }
    //-->
    </script>
    </head>
    <body>

    <input name="modtype" type="checkbox"
    onclick="showMe('div1', this)" value="value1" checked />value1
    <input type="checkbox" name="modtype" value="value2"
    onclick="showMe('div1', this)" />value2

    <div class="row" id="div1" style="display:none">Show Div 1</div>
    <div class="row" id="div2" style="display:none">Show Div 2</div>
  • 25-11-2013, 21:26:33
    #2
    yardım edebilecek arkadaş varmıdır ?
  • 25-11-2013, 22:17:22
    #3
    Misafir
    <script type="text/javascript" src="http://www.listedinle.com/_js/jq.js"></script>
    
    <div id="inputlar">
    <input name="modtype" id="i1" type="checkbox" value="value1" />value1
    <input type="checkbox" name="modtype" value="value2" />value2
    </div>
    
    <div class="row" id="div1" style="display:none">Show Div 1</div>
    <div class="row" id="div2" style="display:none">Show Div 2</div>
    
    
    <script type="text/javascript">
    $("#inputlar").find("input:first-child").attr('checked','checked');
    var secili = $("#inputlar").find("input:first-child").attr("checked");
    
    
    if(secili='checked'){
    	$("#div1").show();
    }
    
    
    </script>


    seçili olarak gelir ve o dive ait içeriği gösterir...
    • beyogluhosting
    beyogluhosting bunu beğendi.
    1 kişi bunu beğendi.
  • 26-11-2013, 00:01:16
    #4
    xaqpax adlı üyeden alıntı: mesajı görüntüle
    <script type="text/javascript" src="http://www.listedinle.com/_js/jq.js"></script>
    
    <div id="inputlar">
    <input name="modtype" id="i1" type="checkbox" value="value1" />value1
    <input type="checkbox" name="modtype" value="value2" />value2
    </div>
    
    <div class="row" id="div1" style="display:none">Show Div 1</div>
    <div class="row" id="div2" style="display:none">Show Div 2</div>
    
    
    <script type="text/javascript">
    $("#inputlar").find("input:first-child").attr('checked','checked');
    var secili = $("#inputlar").find("input:first-child").attr("checked");
    
    
    if(secili='checked'){
    	$("#div1").show();
    }
    
    
    </script>


    seçili olarak gelir ve o dive ait içeriği gösterir...

    Teşekkürler üstad. Denedim ama çalışmadı üstad.
  • 26-11-2013, 00:38:38
    #5
    Misafir
    <script type="text/javascript" src="http://www.listedinle.com/_js/jq.js"></script> 
    
    
    <div id="inputlar"> 
    <input name="modtype"  rel="1" type="radio" value="value1" />buton 1 
    <input type="radio" rel="2" name="modtype" value="value2" />buton 2 
    <input type="radio" rel="3" name="modtype" value="value2" />buton 3 
    <input type="radio" rel="4" name="modtype" value="value2" />buton 4 
    </div> 
    
    <div class="row" id="div1" style="display:block">input 1 e ait divin içeriği</div> 
    <div class="row" id="div2" style="display:none">input 2 ye ait divin içeriği</div> 
    <div class="row" id="div3" style="display:none">input 3 ye ait divin içeriği</div> 
    <div class="row" id="div4" style="display:none">input 4 ye ait divin içeriği</div> 
    
    
    <script type="text/javascript"> 
    $("#inputlar").find("input:first-child").attr('checked','checked');
    
    
    
    $("#inputlar").find("input").change(function(){
    	var divno = $(this).attr("rel");
    	
    	if(this.checked){
    	$(".row").hide();
    	$("#div"+divno).show();
    	} else {
    	$(".row").hide();
    	$("#div"+divno).show();
    	}
    
    }); 
    
    
    
    
    </script>


    son hali

    http://cssvalley.com/r10forum/beyoglu/

    çalışıyor ama sanırım siz farklı bir şey istiyorsunuz
    p.m. ile skype verir misiniz?
  • 26-11-2013, 10:15:28
    #6
    xaqpax adlı üyeden alıntı: mesajı görüntüle
    <script type="text/javascript" src="http://www.listedinle.com/_js/jq.js"></script> 
    
    
    <div id="inputlar"> 
    <input name="modtype"  rel="1" type="radio" value="value1" />buton 1 
    <input type="radio" rel="2" name="modtype" value="value2" />buton 2 
    <input type="radio" rel="3" name="modtype" value="value2" />buton 3 
    <input type="radio" rel="4" name="modtype" value="value2" />buton 4 
    </div> 
    
    <div class="row" id="div1" style="display:block">input 1 e ait divin içeriği</div> 
    <div class="row" id="div2" style="display:none">input 2 ye ait divin içeriği</div> 
    <div class="row" id="div3" style="display:none">input 3 ye ait divin içeriği</div> 
    <div class="row" id="div4" style="display:none">input 4 ye ait divin içeriği</div> 
    
    
    <script type="text/javascript"> 
    $("#inputlar").find("input:first-child").attr('checked','checked');
    
    
    
    $("#inputlar").find("input").change(function(){
    	var divno = $(this).attr("rel");
    	
    	if(this.checked){
    	$(".row").hide();
    	$("#div"+divno).show();
    	} else {
    	$(".row").hide();
    	$("#div"+divno).show();
    	}
    
    }); 
    
    
    
    
    </script>


    son hali

    http://cssvalley.com/r10forum/beyoglu/

    çalışıyor ama sanırım siz farklı bir şey istiyorsunuz
    p.m. ile skype verir misiniz?
    Üstad çok teşekkürler.