Turning gears are the logo of co-scripts

Örnekte bir girdi tipi isteniyor. JScript fonksiyonunda ise bu resimlerin tıklanmasıyla gizli olan radio buttonların işaretlenip işaretlenmemesi taklit edilerek gerçekleştiriliyor. Aşağıdaki örnekte radyo düğmeleri görünüyor. Elbette gerçek kullanımda gizli ve readonly olmaları gerekli. Kullanıcı resimlerden hangisini seçerse bağlantılı olan radyo düğmesi seçilmiş oluyor, aynı zamanda seçimin takip edilebilmesi için de resim kendinin farklı versiyonu ile değiştiriliyor.

Benzer bir örneği sayfamızdaki tüm radyo düğmelerini bize özel resimleriyle değiştirip yerlerine gizli olanlarını kullanabiliriz. Bir diğer çözüm ise tüm bu tıklamaları bir dizide tutarak form onaylama anında bir fonksiyon içinde diziyi radyo düğmelerine çevirip kullanabiliriz.. Girdi tipi seçiniz:   Soru»      Açıklama:» Soru:, Açıklama:

function soruTipi(tipi)
{
var rS = document.getElementById('rSoru');
var rU = document.getElementById('rUnlem');
 
var gT_soru = document.getElementById('girdiSoru');
var gT_unlem = document.getElementById('girdiUnlem');
 
if(tipi=='soru'){rU.src = 'http://www.co-scripts.com/img/unlem_.gif'; rS.src='http://www.co-scripts.com/img/soru_o.gif';gT_unlem.checked=false; gT_soru.checked=true;}
if(tipi=='unlem'){rU.src = 'http://www.co-scripts.com/img/unlem_o.gif'; rS.src='http://www.co-scripts.com/img/soru_.gif';gT_unlem.checked=true; gT_soru.checked=false;}
 
}

Bu arada soru işareti ve ünleme tıklayınca gerekli fonksiyonu tetikleyen onclick eventları aşağıdaki şekilde olacak.

onclick="soruTipi('soru');
onclick="soruTipi('unlem');
co-scripts tag image radyodugmesiradyo dugmesi yerine resimusing image instead radiobuttonradiobutton
ID:143 | Okunma:2093