Hola,
Cree un script para crear checkbox, pero no de los comunes.
Estos son distintos. Con imagen.
Aqui esta el codigo:
Código HTML:
/***************************************************************\
* EasyCheckbox *
******************************************************************
* Autor : pato12 de forosdelweb.com *
* Version : 1.0 (BETA) *
* Web del autor: VideosYao.Tk *
* Imagen : *
* http://www.host-image.com.ar/registrados/pato12_4ee6b5ec93.png *
* Este codigo es libre de uso, siempre cuando no se borren las *
* lineas de creditos (estas). *
\*****************************************************************/
var s=false;
var dato;
var nombre;
var image="http://www.host-image.com.ar/registrados/pato12_4ee6b5ec93.png";
var action_sin="enseima_sin";
var action_con="enseima_con";
var action_s_n="enseima_sin_con";
var sin_action="nada";
function $id(e){
return document.getElementById(e);
}
function ac_tr(t,e){
if(t && !s){
e.className=action_sin;
}else if(t && s){
e.className=action_s_n;
}else if(!t && !s){
e.className=sin_action;
}else if(!t && s){
e.className=action_con;
}
}
function act_tp(t,e){
if(t && !s){
e.className=action_s_n;
s=true;
$id(nombre).value=dato;
}else if(t && s){
e.className=action_con;
s=false;
$id(nombre).value="";
}else if(!t && s){
e.className=action_con;
}else if(!t && !s){
e.className=action_sin;
}
}
function escribir(e){
with (document) {
writeln(e);
}
}
function checkbox(name,date){
dato=date;
nombre=name;
html='<samp onMouseOver="ac_tr(true,this);" class="'+sin_action+'" onMouseOut="ac_tr(false,this);" onMouseDown="act_tp(true,this);" onMouseUp="act_tp(false,this);"> </samp>';
html+='<input name="'+nombre+'" type="hidden" id="'+nombre+'" value="">';
/////////////////
style='<style>';
style+='.'+action_sin+' { background-image: url('+image+'); background-repeat: no-repeat; background-position: -3px -28px; cursor:default;}';
style+='.'+sin_action+' { background-image: url('+image+'); background-repeat: no-repeat; background-position: -3px -3px; cursor:default;}';
style+='.'+action_s_n+' { background-image: url('+image+'); background-repeat: no-repeat; background-position: -3px -78px; cursor:default;}';
style+='.'+action_con+' { background-image: url('+image+'); background-repeat: no-repeat; background-position: -3px -53px; cursor:default;}';
style+='</style>';
escribir(style);
escribir(html);
}
La direcion de la imagen es esta:
http://www.host-image.com.ar/registr...4ee6b5ec93.png
El codigo esta listo para usar.
Lo unico que deves hacer es:
Guardar el codigo de arriba como EasyCheckbox.js
En un archivo nuevo (HTML, PHP, o lo que quieran) poner:
Código HTML:
<script src="EasyCheckbox.js"></script>
<script>checkbox('nombre_checkbox','activado');</script>
<input onClick="alert(nombre_checkbox.value);" type="button" name="Button" value="Ver que tiene el checkbox">
<input type="checkbox" name="checkbox" value="checkbox"> checkbox('nombre_checkbox','que_enviara_si_esta_ac tivado');
Es facil, ¿no?
Gracias
Salu2
