Hola caricatos
Mira lo que he tratado de armar con un poco de código de acá y de alla:
Código Javascript
:
Ver originalfunction CustomAlert(){
this.render = function(dialog){
var winW = window.innerWidth;
var winH = window.innerHeight;
var dialogoverlay = document.getElementById('dialogoverlay');
var dialogbox = document.getElementById('dialogbox');
dialogoverlay.style.display = "block";
dialogoverlay.style.height = winH+"px";
dialogbox.style.left = (winW/2) - (550 * .5)+"px";
dialogbox.style.top = "100px";
dialogbox.style.display = "block";
//document.getElementById('dialogboxhead').innerHTML = "Respuesta";
document.getElementById('dialogboxbody').innerHTML = dialog;
document.getElementById('dialogboxfoot').innerHTML = '<button onclick="Alert.ok()">OK</button>';
}
this.ok = function(){
document.getElementById('dialogbox').style.display = "none";
document.getElementById('dialogoverlay').style.display = "none";
document.getElementById('section').style.display = "none";
}
}
var Alert = new CustomAlert();
Código HTML:
Ver original
<div id="dialogoverlay"></div> <div id="dialogboxhead"></div> <div id="dialogboxbody"></div> <div id="dialogboxfoot"></div>
<div class="boton_regresar"> <a href="http://www.forosdelweb.com/index.html" title="Regresar">Regresar
</a>
<li><input type="radio" name="radio" onclick="Alert.render('a.texto 1...')" >a. Respuesta 1
</li> <li><input type="radio" onclick="Alert.render('b.texto 2...')" >b. Respuesta 2
</li> <li><input type="radio" onclick="Alert.render('c. texto 3...')" >c. Respuesta 3
</li> <li><input type="radio" onclick="Alert.render('d. texto 4...')" >d. Respuesta 4
</li>
Pero no se como generar varias preguntas.
¿Cómo hago que se formatee <section> y que se imprima otra pregunta ahí?
Gracias por tu ayuda