Js Gizle-Göster
-
tamda lazım olmuştu konuyu uplayan ellerine sağlık zümsüğüm
-
Madem öle dün fıtık eden kodu yazıyım :)
Ülkeyi seçince ili ili seçince ilcesini gösteren kod... state fonksiyonunu silerseniz tamamen sadece ülke il gibide olabiliyor bu erkek,kadın,cocuk boyları için xx,s,m gibi seçenekler çıkarmak için, cocuk için ise 1 2 3 gibi seçenekler cıkarmak için yaptım...
<script type="text/javascript">
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Michael J. Damato | http://developing.damato.net/ */
// State lists
var states = new Array();
states['Canada'] = new Array('Alberta','British Columbia','Ontario');
states['Mexico'] = new Array('Baja California','Chihuahua','Jalisco');
states['United States'] = new Array('California','Florida','New York');
// City lists
var cities = new Array();
cities['Canada'] = new Array();
cities['Canada']['Alberta'] = new Array('Edmonton','Calgary');
cities['Canada']['British Columbia'] = new Array('Victoria','Vancouver');
cities['Canada']['Ontario'] = new Array('Toronto','Hamilton');
cities['Mexico'] = new Array();
cities['Mexico']['Baja California'] = new Array('Tijauna','Mexicali');
cities['Mexico']['Chihuahua'] = new Array('Ciudad Juárez','Chihuahua');
cities['Mexico']['Jalisco'] = new Array('Guadalajara','Chapala');
cities['United States'] = new Array();
cities['United States']['California'] = new Array('Los Angeles','San Francisco');
cities['United States']['Florida'] = new Array('Miami','Orlando');
cities['United States']['New York'] = new Array('Buffalo','new York');
function setStates() {
cntrySel = document.getElementById('country');
stateList = states[cntrySel.value];
changeSelect('state', stateList, stateList);
setCities();
}
function setCities() {
cntrySel = document.getElementById('country');
stateSel = document.getElementById('state');
cityList = cities[cntrySel.value][stateSel.value];
changeSelect('city', cityList, cityList);
}
function changeSelect(fieldID, newOptions, newValues) {
selectField = document.getElementById(fieldID);
selectField.options.length = 0;
for (i=0; i<newOptions.length; i++) {
selectField.options[selectField.length] = new Option(newOptions[i], newValues[i]);
}
}
// Multiple onload function created by: Simon Willison
// http://simonwillison.net/2004/May/26/addLoadEvent/
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
addLoadEvent(function() {
setStates();
});
</script>
<fieldset style="width: 230px;">
<legend><strong>Make your selection</strong></legend>
<p>
<form name="test" method="POST" action="processingpage.php">
<table>
<tr>
<td style="text-align: left;">Country:</td>
<td style="text-align: left;">
<select name="country" id="country" onchange="setStates();">
<option value="Canada">Canada</option>
<option value="Mexico">Mexico</option>
<option value="United States">United States</option>
</select>
</td>
</tr><tr>
<td style="text-align: left;">State:</td>
<td style="text-align: left;">
<select name="state" id="state" onchange="setCities();">
<option value="">Please select a Country</option>
</select>
</td>
</tr><tr>
<td style="text-align: left;">City:</td>
<td style="text-align: left;">
<select name="city" id="city">
<option value="">Please select a Country</option>
</select>
</td>
</tr>
</table>
</form>
</fieldset> -
FOXXLY bunu yazdı:
-----------------------------
tamda lazım olmuştu konuyu uplayan ellerine sağlık zümsüğüm
-----------------------------eyvallahta şu benim sorunu şeytsek :D
function showBlock(blockId)
{
document.getElementById(blockId).style.display = "block";
}buraya diyorum şöyle birşey yapsam
function showBlock(blockId)
{
document.all.style.display = "none";
document.getElementById(blockId).style.display = "block";
}yani hepsini kapattırıp sadece istenileni açsam.. Bulacam buna.İndexlemeye bulduysam bunada bulurum :D.Ya ayrıca bu javascript süpermiş.Biraz işin derinine inmeye başladım webmasterlar için acayip yardımcı olacka bişey.javascript kitabını yalayıp yutucam..sonra dhtml, ajax kitabınıda bitiririm.
baya sevdim ya..
-
neyse buldum :-/
<script type="text/javascript">
function showBlock(blockId){
for (var i=1;i<5;i++){
document.getElementById("block"+i).style.display = "none";
}
document.getElementById(blockId).style.display = "block";
}
function hideBlock(blockId)
{
document.getElementById(blockId).style.display = "none";
}
</script>
<a href="javascript:showBlock('block1')" style="text-decoration: none">menü1</a>
<a href="javascript:showBlock('block2')" style="text-decoration: none">menü2</a>
<a href="javascript:showBlock('block3')" style="text-decoration: none">menü3</a>
<a href="javascript:showBlock('block4')" style="text-decoration: none">menü4</a>
<div id="block1" style="display: none">1</div>
<div id="block2" style="display: none">2</div>
<div id="block3" style="display: none">3</div>
<div id="block4" style="display: none">4</div>nerde kaldı la tahribattaki bir sürü coder bi asp bi buydu sorunum bunu çözdüm aspde de çözersem içim feci rahatlayacak
-
@zumsuk hacı istediğin böyle bişey sanırım
<script language="javascript">
function ackapa(artema) {
var Divartema = document.getElementById(artema)
if (Divartema.style.display == "none") {
Divartema.style.display='block';
document.getElementById(artema+"res").write = 'gizle';
} else {
Divartema.style.display='none';
document.getElementById(artema+"res").write = 'ac';
}
var datetb = new Date();
var zamantb = new Date();
zamantb.setTime(datetb.getTime() + 3600000*24*30);
document.cookie = artema+"="+escape(Divartema.style.display)+ ";expires="+zamantb.toGMTString();
}
</script>
<div name="ustkatman">
<a href="#" onClick="ackapa('1');" style="cursor:pointer;">Aç kapa artema</a>
<div id="1">
asdasd yazı yazı text
</div>
</div>
<br>
<div name="ustkatman">
<a href="#" onClick="ackapa('2');" style="cursor:pointer;">Aç kapa artema</a>
<div id="2">
asdasd yazı yazı text
</div>
</div>
<br>
<div name="ustkatman">
<a href="#" onClick="ackapa('3');" style="cursor:pointer;">Aç kapa artema</a>
<div id="3">
asdasd yazı yazı text
</div>
</div>
-
pesimist ypatım abi yukarda verdim saolasın ama
http://www.nickmator.com/nickmator.asp
aha burda yaptım nasıl rahatladım anlatamam D:
-
hm pm den direk bakınca görmedim :D neyse lazım olur dursun orda :d
