Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » AJAX » mmmmmm

AJAX - mmmmmm

Volver
Nuevo Tema
<<>>
 
Vista:

mmmmmm

Publicado por liceth (1 intervención) el 07/06/2007 19:26:05
alguien me puede ayudar a solucionar un problemilla con un sorteo aleatorio con ajax se lo agradecere toda mi vida

<HTML>
<HEAD>
<TITLE>Generador de Numeros al Azar</TITLE>
<STYLE type=text/css>BODY {

}
.para3 {
FONT-WEIGHT: 600; FONT-SIZE: 20px; COLOR: #e1e1e1; FONT-FAMILY: Arial,Verdara; LETTER-SPACING: 0px; BACKGROUND-COLOR: #0000ff
}
</STYLE>
</HEAD>
<BODY text=#ffffff leftMargin=0 topmargin=10
onload="MM_preloadImages('f4.jpg','#925381701480');MM_preloadImages('todos.gif','#925381701480');MM_preloadImages('1.gif','#925381761120');MM_preloadImages('2.gif','#925381773320');MM_preloadImages('3.gif','#925381784080');MM_preloadImages('4.gif','#925381798580');MM_preloadImages('5.gif','#925381807590');MM_preloadImages('6.gif','#925381817040');MM_preloadImages('7.gif','#925381880700');MM_preloadImages('8.gif','#925382632350');MM_preloadImages('9.gif','#925381880700');MM_preloadImages('0.gif','#925382632350')">
<SCRIPT language=JavaScript>
<!--
function MM_preloadImages() { //v2.0
if (document.images) {
var imgFiles = MM_preloadImages.arguments;
if (document.preloadArray==null) document.preloadArray = new Array();
var i = document.preloadArray.length;
with (document) for (var j=0; j<imgFiles.length; j++) if (imgFiles[j].charAt(0)!="#"){
preloadArray[i] = new Image;
preloadArray[i++].src = imgFiles[j];
} }
}

function push()
{

tit1 = new Image();
tit1.src = "todos.gif";
tit2 = new Image();
tit2.src = "todos.gif";
tit3= new Image();
tit3.src = "todos.gif";

changeImage('titulo1','tit1');
changeImage('titulo2','tit2');
changeImage('titulo3','tit3');

setTimeout('push2()',3000);

}

function push2()
{
var fecha=new Date();
var anio=fecha.getTime();
var anio2=anio.toString();
var nro1=anio2.substring(8,9);
var nro2=anio2.substring(9,10);
var nro3=anio2.substring(10,11);

tit1 = new Image();
tit1.src = +nro1+".gif";
tit2 = new Image();
tit2.src = +nro2+".gif";
tit3= new Image();
tit3.src = +nro3+".gif";

changeImage('titulo1','tit1');
changeImage('titulo2','tit2');
changeImage('titulo3','tit3');
}
// -->
</SCRIPT>

<SCRIPT language=JavaScript1.1>
<!--
{
js=((navigator.appName=="Netscape") && (parseInt(navigator.appVersion)>=3));
ms=((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4));

if ((js) || (ms))
{

}
}

function changeImage(imgDocID,imgObjName) {
// manages mouse click image behaviours
// imgDocID - the name or number of the document image to be replaced
// imgObjName - the name of the image object to be swapped in

if ((js) || (ms)) {
document.images[imgDocID].src = eval(imgObjName + ".src");
}
}

// no more hiding -->

</SCRIPT>
<!--The following section is an HTML table which reassembles the sliced image in a browser.--><!--Copy the table section including the opening and closing table tags, and paste the data where-->
<!--you want the reassembled image to appear in the destination document. --><!-------------------------- BEGIN COPYING THE TABLE HERE ----------------------------><!-- Image with table -->
<p align="center"><b><font face="Arial" size="4" color="#000080">Genera números al azar</font></b></p>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="bottom">
<p align="right"><img border="0" src="upleft.gif" width="35" height="38"></td>
<center>
<td bgcolor="#63ACBC"> </td>
<td bgcolor="#63ACBC"> </td>
</center>
<td valign="bottom">
<p align="left"><img border="0" src="upright.gif" width="35" height="38"></td>
</tr>
<center>
<tr>
<td bgcolor="#63ACBC"> </td>
<td colspan="2" rowspan="2">
<div align="center">
<TABLE cellSpacing=0 cellPadding=5 border=0>
<TR>
<TD align=middle bgColor=#63acbc colspan="3">
<p align="center"><IMG
onclick=javascript:push() height=40
src="boton4.gif" width=130 border=0> </TD>
</TR>
<TR>
<TD align=middle bgColor=#63acbc><IMG height=130 alt=B
src="0.gif" width=72 name=titulo1></TD>
<TD align=middle bgColor=#63acbc><IMG height=128 alt=B
src="0.gif" width=72 name=titulo2></TD>
<TD align=middle bgColor=#63acbc><IMG height=127 alt=B
src="0.gif" width=72
name=titulo3></TD></TR></TABLE>
</div>
</td>
<td bgcolor="#63ACBC"> </td>
</tr>
<tr>
<td bgcolor="#63ACBC"> </td>
<td bgcolor="#63ACBC"> </td>
</tr>
</center>
<tr>
<td valign="top">
<p align="right"><img border="0" src="dwnleft.gif" width="35" height="38"></td>
<center>
<td bgcolor="#63ACBC"> </td>
<td bgcolor="#63ACBC"> </td>
</center>
<td valign="top">
<p align="left"><img border="0" src="dwnright.gif" width="35" height="38"></td>
</tr>
</table>
</div>
</BODY>
</HTML>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:mmmmmm

Publicado por Anonimo (1 intervención) el 21/06/2007 09:42:02
Mira liceth es bastante sencillo!

El codigo del sorteo se puede generar de la sigueinte forma: tu puedes hace rla seleccion con imagenes estandares, o tambien por medio de una base de datos;)
Si de pronto quieres hacerlo por medio de una bd(que las img sean llamadas desde la bd) entonces debes hacerlo asi:

/*codigo sorteo.php*/

<html>
<HEAD>
<script language="JavaScript" type="text/javascript" src="ajax_sorteo.js"></script>

<TITLE>Sorteo</TITLE>

<!-- PRIMER PASO: Copiar dentro del tag HEAD -->

<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Mike Canonigo ([email protected]) -->
<!-- Web Site: http://www.munkeehead.com -->
<?php
//Conexión a la base de datos
include_once('../includes/config.db.php');
$db = new DB();
$db->query("select d.bandera,d.cod_delegacion, p.nom_pais
from inscripcion i,delegacion d , pais p
where d.cod_delegacion=i.cod_delegacion and p.cod_pais=d.cod_pais and i.estado like 'IMT'");
/* Ciclo para el retorno de datos de la consulta */
$bandera=array();
$delegacion = array();
$pais= array();
while ($db->fetchRow()) {
array_push($bandera,$db->record[0]);
array_push($delegacion,$db->record[1]);
array_push($pais,$db->record[2]);
}
$banderas=implode('&',$bandera);
$delegaciones=implode('&',$delegacion);
$paises=implode('&',$pais);
?>
var bandera='<?php echo $banderas ?>';
var delegacion='<?php echo $delegaciones ?>';
var pais = '<?php echo $paises ?>';
//alert(bandera);
var NewImg=bandera.split('&');
var NewDel=delegacion.split('&');
var NewPais = pais.split('&');
var ImgLength = NewImg.length;

<!-- Begin
var temp;
var temp_del;
var temp_pais;
var guardar;
var nombre_pais;
var id_delegacion;


//var NewImg=auto1();

var ImgNum = 0;
//var ImgLength = NewImg.length;

//Time delay between Slides in milliseconds
var delay = 1;

var lock = false;
var run;

function limpiar(){
nombre_pais = document.getElementById("nombre_pais");
nombre_pais.value="";
}

function chgImg() {
if (document.images) {
ImgNum = Math.floor(Math.random()*ImgLength);
document.slideshow.src = NewImg[ImgNum];
nombre_pais.value=NewPais[ImgNum];
//document.write(NewDel[ImgNum]);
}
}

function auto() {
var element;

element = document.getElementById("enviar");
id_delegacion =document.getElementById("id_delegacion");

if (lock == true) {
lock = false;
//alert(ImgNum);
if(ImgLength==1)
{
nombre_pais.value = NewPais[ImgLength];
id_delegacion.value =NewDel[ImgLength];
alert("El Sorteo ha Finalizado");
window.location = "index.php?sorteo="+document.getElementById("genero").value;
enviarDatosPais();
nombre_pais.value="";
}
else
{
temp = NewImg[ImgNum];
temp_del = NewDel[ImgNum];
temp_pais =NewPais[ImgNum];
NewImg[ImgNum] = NewImg[ImgLength-1];
NewDel[ImgNum] = NewDel[ImgLength-1];
NewPais[ImgNum] = NewPais[ImgLength-1];;

NewImg[ImgLength-1] = temp;
NewDel[ImgLength-1] = temp_del;
NewPais[ImgLength-1] = temp_pais;
ImgLength = ImgLength-1;


//posicion

window.clearInterval(run);
element.value="Continuar";

//alert(NewPais[ImgLength]);

nombre_pais.value = NewPais[ImgLength];
id_delegacion.value =NewDel[ImgLength];
enviarDatosPais();
}
}
else if (lock == false) {
lock = true;
element = document.getElementById("enviar")
element.value="Seleccionar País";
run = setInterval("chgImg()", delay);
}
}

// End -->
</script>

<!--The following section is an HTML table which reassembles the sliced image in a browser.--><!--Copy the table section including the opening and closing table tags, and paste the data where-->
<!--you want the reassembled image to appear in the destination document. --><!-------------------------- BEGIN COPYING THE TABLE HERE ----------------------------><!-- Image with table -->

<link href="../css/css.css" rel="stylesheet" type="text/css" />
</HEAD>
<body onLoad="javascript:limpiar()">
<p align="center"><img src="../images/header.jpg" width="404" height="125" /></p>
<? $gen = $_GET["gen"];
if($gen == "f"){
$genero = "Femenino";
$gender = "Female";
}
else{
$genero = "Masculino";
$gender = "Male";
}
?>

<h2 align="center">SORTEO <? echo $genero; ?> / <? echo $gender; ?> SELECTION </h2>
<form name="nuevo_pais" action="" onSubmit="auto(); return false">
<p align="center"><img src="../images/banderas/fus.jpg" alt="sorteo" name="slideshow" width="240" height="150" id="slideshow" /></p>
<p align="center">
<input name="nombre_pais" id="nombre_pais" type="text" size="50" readonly="true" style="font-size:36px; font-weight:bold; color:#990000; text-align:center " />
<input type="hidden" name="id_delegacion" id="id_delegacion" />
<input type="hidden" name="genero" id="genero" value="<? echo $gen; ?>"/>
</p>
<div align="center">
<input name="enviar" id="enviar" type="submit" value="Iniciar" class="navegador-boton"/>
</div>
</form>
</body>
</html>

//esto funciona con AJAX....(ajax_sorteo.js)

function objetoAjax(){
var xmlhttp=false;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}

if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}

function enviarDatosPais(){
//donde se mostrará lo resultados
//divResultado = document.getElementById('resultado');
//valores de los inputs
id_delegacion=document.nuevo_pais.id_delegacion.value;
genero = document.nuevo_pais.genero.value;
//alert(id_delegacion);
//instanciamos el objetoAjax
ajax=objetoAjax();
//uso del medotod POST
//archivo que realizará la operacion
//registro.php
//alert("HOla");
ajax.open("POST", "registro_pais.php",true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
//mostrar resultados en esta capa
//divResultado.innerHTML = ajax.responseText
//llamar a funcion para limpiar los inputs
LimpiarCampos();
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//enviando los valores
ajax.send("id_delegacion="+id_delegacion+"&genero="+genero);

//alert("hola");
}

function LimpiarCampos(){
document.nuevo_pais.id_delegacion.value="";
}

COmo ves el hace un llamado a una pagina llamada registro_pais .php que permite la insercion de los paises en una base de datos

registro_pais.php
<?
include_once('../includes/config.db.php');
$cod_delegacion = $_POST["id_delegacion"];
$genero = $_POST["genero"];
$db = new DB();
$db->query("insert into sorteo (tipo_sorteo, cod_delegacion) values('$genero','$cod_delegacion')");
?>

Esto ha sido generado con la libreria AdoDb;)

Ahora bien que porque se todo?
jejejejeje muy sencillo querida...... soy andres y acabo de terminar esos codiguillos

Espero los disfrutes ;)
(carita feliz)

Posdata: Si tienes alguna preguta me la puedes enviar por este medio, o simplemente preguntarme cuando nos veamos jajajajajajaja
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar