Monday, June 30, 2008

checkbox kullanmak istemediğimde

checkbox kullanmak istemediğim bi zaman yazmıştım. çok pratik geldi gözüme.
aşağıda yapmak isteiğim anlaşılıyo aslında. fakat biraz eksik yazdım.
önemli bir nokta : burdaki li ögelerini block görünümlü ve hover eyleminde de değişken özellikle yaparsanız daha güzel olur.

<ul>
<li><a href="#" onclick="select_PG(this); return false;" id="PG_1">Attachments, Adhesives, Sealants and Fixings </a></li>

<li><a href="#" onclick="select_PG(this); return false;" id="PG_2">Bogies, Suspension, Wheels and Axles </a></li>

<li><a href="#" onclick="select_PG(this); return false;" id="PG_3">Brakes, Couplers and Draw Gear </a></li>

<li><a href="#" onclick="select_PG(this); return false;" id="PG_4">Cables, Hoses and Connectors </a></li>

<li><a href="#" onclick="select_PG(this); return false;" id="PG_5">Computer Hardware and Software, Control and Monitoring Systems </a></li>

<li><a href="#" onclick="select_PG(this); return false;" id="PG_6">Controls, Electromechanical Equipment and Drives </a> </li>
</ul>





function select_PG(_element){
document.getElementById("productGroups_div").innerHTML+= _element.innerHTML+ " <br> ";
document.forms["mainForm"].productGroups.value+= _element.innerHTML+ " <br> ";

// _element.style.background="#CCCCCC";
_element.className ="PG_active"; //bu stil dosyamda veya satılarımda belirttiğim bi stil

}

function clear_PG(){
var i;
var _i="";
for(i=1;i<49;i++){
_i="PG_"+i;
document.getElementById(_i).className="";
}

document.getElementById("productGroups_div").innerHTML=" ";
document.forms["mainForm"].productGroups.value=" ";
}

parolayı tekrarla işleminde hızlı kontrol

parolayi tekrarla işleminde hızlıca kullandığım bir çözüm:

"password" türünde iki ayrı input yerleştirilir (adları password ve password2 olsun) ve altına bi de "span" veya "div" tagı açılarak id değeri olarak "uyariParola" gibi bişey verilir.

ardından "body" tagından hemen sonra şu script yazilir:

function parolaKontrol(_pass2){
_pass= document.forms["mainForm"].password;
if(_pass2.value != _pass.value){
document.getElementById("uyariParola").innerHTML="Your must enter the same password";
}
else if(_pass2.value == _pass.value){
document.getElementById("uyariParola").innerHTML="OK";

}

}


ardından ikinci input içinde şu yazılır

<input type...... onkeyup="parolaKontrol(this);"/>

bazıları ajax şeysi diyebilir fakat bence ufacık bi javascript zamazingosu, bi çeşit "hayat kurtarır", " az ama öz" denen şeylerden yada kendini gerçekleyememiş programcıların deyimiyle "saklanılası ve günü gelip işe yarayacağı vakit açılıp bakılası script"

artık ikinci alana bir üsttekinin aynı değerini girmezsem uyari alanında uyari mesaji çıkacak. doğru girdiğim an ise "OK" gibi güzel bi mesaj çıkacak.
biraz daha dusunursek genel bir degisken ile (passAyni=false; gibi) formun post olmasını da bu islemin dogruluna bağımlı hale getirebiliriz elbet.