CheckBox en un Drop Down List (checkbox en un select)

[locojars]

Hola amigos,

Resulta que necesito generar algo como lo que se muestra en esta imagen


ahi aparecerian una lista de checkboxes y todos los que haya seleccionado deberia de procesarlos junto a los otros campos del formulario, algo asi como se procesa un <select multiple>.

Gracias por su ayuda y atención.

Salu2
Jars

[Shiryu_Libra]

no seria mas facil, utilizar el select y habilitarle seleccion multiple?

[Shiryu_Libra]

similar a esto mira....

Código:

<select multiple="multiple" name="criterio">
    <option value="0">Primera Opcion</option>
    <option value="1">Primera Opcion</option>
    <option value="2">Primera Opcion</option>
    <option value="3">Primera Opcion</option>
</select>

y esto en la parte donde recibes los datos

Código:

request.form("criterio")
Dim criterio(), I  
I = 0  
For Each Valor In Request.Form("criterio")  
          Redim Preserve criterio(I)  
    criterio(I) = Valor  
          I = I + 1  
Next

te sirve????

[locojars]

Si es posible, pero el efecto "visual" que se desea lograr es el de la imagen, estaba pensando tambien en crear un div y ahi poner todos los checkbox.. pero no se si se procesaran con el formulario.

Seguire esperando mas comentarios... gracias.

Salu2
Jars

[Shiryu_Libra]

si te entiendo, creo que hasta a mi me gustaria ese tipo de selecciones, provare haber que sale

[ElJavista]

Eso es posible, pero necesitas investigar más parar hace todo lo que te propones, en primer lugar para lograr el efecto visual necesitas crear un iframe, para procesar los resultados ahi si que depende, si quieres que aparezca solo un resultado simple, se puede hacer con JavaScript, si la cosa es verdaderamente PROCESAR, entonces necesitas usar tecnología del lado del servidor. Te recomiendo que investigues todo lo que te mencioné.

[Shiryu_Libra]

en ese caso no puedo objetarte, pero por ejemplo, la creacion del DIV como tu decias... es un factor posible. mira...

Código:

<style type="text/css">
<!--
.relatedLinks{
    font-style:italic;
    position: relative;
    margin: 0px;
    padding: 0px 0px 10px 10px;
    font-size: 90%;
}

.relatedLinks a:link,
.relatedLinks a:visited {
    display: block; 
}

-->
</style>

'simularia lo que pides
<div class="relatedLinks">
<form name="criterios">
    <ul>
       <%
         vueltas=10
         for i=0 to vueltas%>
            <input type="checkbox" value="var<%=i%>" /><%=i%>
       <%next%>
       <input name="cuantas" style="visibility:hidden" value="<%=vueltas%>"/>
    </ul>
  </div>
</form>

'esto iria en la pagina receptora

Dim criterio(), I
vueltas=request.form("cuantas")
I = 0  
For I=0 to  vueltas
          Redim Preserve criterio(I)  
          criterio(I) = request.form("var"&I)
Next

pero pues como te digo, solo es al vuelo, claro que para hacerlo de esa manera, pues requeririamos tener a alguien mas sabio que nosotros, que nos guie, o matarnos leyendo un libro. no crees?

[ElJavista]

No hace falta ni matarse, ni leer un libro, ni literalmente ni simbólicamente. Lo que hace falta es que investigues en Internet, yo así aprendí: HTML, CSS, JavaScript y PHP. Y no me maté, ni siquiera tenía computadora propia, alquilaba cabinas y leía y practicaba. No es cosa de otro mundo, no le tengan miedo, son sólo métodos inventados por otros.

[locojars]

ElJavista.. veo que he tenido suerte este día de tener tus comentarios tan acertados en ambos foros..... en fin.....

Shiryu_Libra gracias por tu ayuda y comentarios, fijate que dando me encontre algo que me funciona bastante bien(como el div que estabamos hablando) y produce un efecto parecido al que neceisto. Te copio el código por si lo necesitas.

Código HTML:

<script type="text/javascript">

/***********************************************
* Drop Down/ Overlapping Content- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

function getposOffset(overlay, offsettype){
var totaloffset=(offsettype=="left")? overlay.offsetLeft : overlay.offsetTop;
var parentEl=overlay.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function overlay(curobj, subobjstr, opt_position){
if (document.getElementById){
var subobj=document.getElementById(subobjstr)
subobj.style.display=(subobj.style.display!="block")? "block" : "none"
var xpos=getposOffset(curobj, "left")+((typeof opt_position!="undefined" && opt_position.indexOf("right")!=-1)? -(subobj.offsetWidth-curobj.offsetWidth) : 0) 
var ypos=getposOffset(curobj, "top")+((typeof opt_position!="undefined" && opt_position.indexOf("bottom")!=-1)? curobj.offsetHeight : 0)
subobj.style.left=xpos+"px"
subobj.style.top=ypos+"px"
return false
}
else
return true
}

function overlayclose(subobj){
document.getElementById(subobj).style.display="none"
}

</script> 

Código PHP:

 <form method="POST" action="<?php echo $PHP_SELF;?>">
<b><a href="#" onClick="return overlay(this, 'subcontent')">Valores</a></b><br />

<DIV id="subcontent" style="position:absolute; border: 9px solid orange; background-color: white; width: 300px; padding: 8px; display:none">
<p><b>Valores de los radio button:</b></p>
<input type="checkbox" name="radios[]" value="Uno">Uno
<input type="checkbox" name="radios[]" value="Dos">Dos
<input type="checkbox" name="radios[]" value="Tres">Tres
<input type="checkbox" name="radios[]" value="Cuatro">Cuatro
<input type="checkbox" name="radios[]" value="Cinco">Cinco
<div align="right"><a href="#" onClick="overlayclose('subcontent'); return false">Aceptar</a></div>

</DIV>
Tu nombre: <input type="text" name="nombre">
<input type="submit" value="Aceptar">
</form>  

Gracias de nuevo Shiryu_Libra por tu ayuda y comentarios... CASO RESUELTO

Salu2
Jars

[zyon]

que tal, me gustaria usar ese ejemplo que han puesto, solo que para un JSP, no se nada de PHP, es posible que se adapte solo para un JSP quitando la parte de PHP?