Jump to content

nesecito ayuda urgente

antur
 Share

Recommended Posts

antur Newbie

antur

Posted
Posted

hola amigos nesecito de su ayuda soy muy nuevo en el mundo de javascript y tengo que hacer una tarea con ello...

 

mi problema consiste en manejar un div que sera un contenedor que por medio de un codigo javascript le estoy cargando diferentes paginas php el problema es que tambien le cargo formularios los cuales estan validados con codigo javascript pero al correr estos formularios desde ese div la validacion no funcionapero al correrlos de manera local osea directos de esa manera si me funciona y no hayo la solucion...

 

espero me puedan ayudar de antemano muhcas gracias...

Link to comment
Share on other sites
cañangasñangas Newbie

cañangasñangas

Posted
Posted (edited)

hola amigos nesecito de su ayuda soy muy nuevo en el mundo de javascript y tengo que hacer una tarea con ello...

 

mi problema consiste en manejar un div que sera un contenedor que por medio de un codigo javascript le estoy cargando diferentes paginas php el problema es que tambien le cargo formularios los cuales estan validados con codigo javascript pero al correr estos formularios desde ese div la validacion no funcionapero al correrlos de manera local osea directos de esa manera si me funciona y no hayo la solucion...

 

espero me puedan ayudar de antemano muhcas gracias...

 

las paginas php, son ejecutadas por un servidor y entregan datos al cliente... por lo tanto a nivel local si tienes el servidor prendido estara todo ok. pero si el servidor tiene firewalls y/o puertos bloquados, y/u otros elementos de seguiridad la transmision de datos servidor-cliente no seran respondidos...

 

ve eso cumpita...

 

y claro nunca esta demas que muestres el codigo para ver que onda...

saludos

Edited by cañangasñangas
Link to comment
Share on other sites
antur Newbie

antur

Posted
  • Author
Posted

hola amigos nesecito de su ayuda soy muy nuevo en el mundo de javascript y tengo que hacer una tarea con ello...

 

mi problema consiste en manejar un div que sera un contenedor que por medio de un codigo javascript le estoy cargando diferentes paginas php el problema es que tambien le cargo formularios los cuales estan validados con codigo javascript pero al correr estos formularios desde ese div la validacion no funcionapero al correrlos de manera local osea directos de esa manera si me funciona y no hayo la solucion...

 

espero me puedan ayudar de antemano muhcas gracias...

 

las paginas php, son ejecutadas por un servidor y entregan datos al cliente... por lo tanto a nivel local si tienes el servidor prendido estara todo ok. pero si el servidor tiene firewalls y/o puertos bloquados, y/u otros elementos de seguiridad la transmision de datos servidor-cliente no seran respondidos...

 

ve eso cumpita...

 

y claro nunca esta demas que muestres el codigo para ver que onda...

saludos

 

 

amigo pues creo q problema de sevidor no es poque mi pagina esta funcionando lo unico que aun no logro es que el formulario que cargo en el div funcione el scrip bueno pongo parte del codigo que tengo

 

con leste codigo cargo los formularios o paginas en mi div

// Esta función cargará las paginas
function paginas (url, id_contenedor)
{
    var pagina_requerida = false;
    if (window.XMLHttpRequest)
    {
        // Si es Mozilla, Safari etc
        pagina_requerida = new XMLHttpRequest ();
    } else if (window.ActiveXObject)
    {
        // pero si es IE
        try 
        {
            pagina_requerida = new ActiveXObject ("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            // en caso que sea una versión antigua
            try
            {
                pagina_requerida = new ActiveXObject ("Microsoft.XMLHTTP");
            }
            catch (e)
            {
            }
        }
    } 
    else
    return false;
    pagina_requerida.onreadystatechange = function ()
    {
        // función de respuesta
        cargarpagina (pagina_requerida, id_contenedor);
    }
    pagina_requerida.open ('GET', url, true); // asignamos los métodos open y send
    pagina_requerida.send (null);
}
// todo es correcto y ha llegado el momento de poner la información requerida
// en su sitio en la pagina xhtml
function cargarpagina (pagina_requerida, id_contenedor)
{
    if (pagina_requerida.readyState == 4 && (pagina_requerida.status == 200 || window.location.href.indexOf ("http") == - 1))
    document.getElementById (id_contenedor).innerHTML = pagina_requerida.responseText;
}

 

en los enlaces pongo lo siguiente

 

href="java script:paginas('mpagina.php', 'midiv')"

 

y para terminar este es mi formulario que en el mismo tengo el codigo script que es ese scrip que no me funciona

 

 

<script language="javascript">
         //funcion que verifica que el campo no este lleno de espacios en blanco
function vacio(q) {
        for ( i = 0; i < q.length; i++ ) {
                if ( q.charAt(i) != " " ) {
                        return true
                }
        }
        return false
}



  /*var _es_email = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
function validaEmail(cual) {
    vale = _es_email.test(cual.value);
    if (!vale)    {
        aler("email invalido");
        cual.value = "";
        cual.focus();
    }
    return vale;
} */


//valida que el campo no este vacio y no tenga solo espacios en blanco
function valida() {
        var F = document.forms['formulario']
        if( vacio(formulario.Id_Docente.value) == false ) {
                alert("Introduzca Id docente.")
                return false
        } 
        if ( vacio(formulario.Nombre_Docente.value) == false ) {
                alert("Introduzca Nombre docente.")
                return false
        } 
           if ( vacio(formulario.Apellido_Docente.value) == false ) {
                alert("Introduzca Apellido docente.")
                return false
        } 
         if ( vacio(formulario.Direccion_Docente.value) == false ) {
                alert("Introduzca Direccion docente.")
                return false
        } 
        if ( vacio(formulario.DUI_Docente.value) == false ) {
                alert("Introduzca Dui docente.")
                return false
        } 
          if ( vacio(formulario.Telefono_Docete.value) == false ) {
                alert("Introduzca Telefono docente.")
                return false
        } 
        
        if ( vacio(formulario.Email_Docente.value) == false ) {
                alert("Introduzca Email docente.")
                return false
        }else { 
                alert("OK")
                //cambiar la linea siguiente por return true para que ejecute la accion del formulario
                return false
        }
         }  
</script>
<center>

<form name="formulario" METHOD="get" ACTION="<?php echo $PHP_SELF; ?>" onSubmit="java script: return valida(this);">
<h2>Registro de un usuario Docente  </h2> <br /><br />
<TABLE BORDER=0>

<TR>
    <TD>Id_Docente</TD>
    <TD>
    <INPUT type="text" name="Id_Docente" size="30" maxlength="100">
    </TD>
</TR>

<TR>
    <TD>Nombre Docente</TD>
    <TD>
    <INPUT type="text" name="Nombre_Docente" size="30" maxlength="100">
    </TD>
</TR>

<TR>
    <TD>Apellido Docente</TD>
    <TD>
    <INPUT type="text" name="Apellido_Docente" size="30" maxlength="100">
    </TD>
</TR>

<TR>
    <TD>Direccion Docente</TD>
    <TD>
    <INPUT type="text" name="Direccion_Docente">
    </TD>
</TR>

<TR>
    <TD>DUI Docente</TD>
    <TD>
    <INPUT type="text" name="DUI_Docente">
    </TD>
</TR>

<TR>
    <TD>Telefono Docente</TD>
    <TD>
    <INPUT type="text" name="Telefono_Docete">
    </TD>
</TR>

<TR>
    <TD>Email Docente</TD>
    <TD>
    <INPUT type="text" name="Email_Docente">
    </TD>
</TR>


<!--<TR>
    <TD>Genero</TD>
    <TD>

Hombre: <INPUT type="radio" name="genero" value="M">
Mujer: <INPUT type="radio" name="genero" value="F">
    </TD>
</TR>
    -->


<TR>
<TD>

    </TD>
</TR>

<TR>
    <TD COLSPAN=2>
    <input type="submit" value="Enviar">
    </TD>
</TR>
</TABLE>
</FORM>
</center>

Link to comment
Share on other sites
cañangasñangas Newbie

cañangasñangas

Posted
Posted (edited)

Crea cada cosa por separado amigo....

 

prueba con algo como esto:

 

function nuevoAjax(){
var req = false;
    try{
    req = new XMLHttpRequest();
    }
    catch(err1){
        try{
        req = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch(err2){
            try{
            req = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(err3){
            req = false;
            }
        }
    }
return req;
}

ajax = nuevoAjax();

function miPeticion(){
url = "test.php";
ajax.open("GET", url, true);
ajax.onreadystatechange = usarAjax;
ajax.send(null);
}


function usarAjax(){
    if(ajax.readyState == 4){
        if(ajax.status == 200){
        document.getElementById("tuDivId").innerHTML = ajax.responseText;
        }
    }
}


y para hacer toda esta caca:

<input type="button" onclick="miPeticion();" value="actualizar div">

 

lo unico entonces que tienes que cambiar aca es la variable url de miPeticion()

 

y document.getElementById("tuDivId") por la id de tu div....

Edited by cañangasñangas
Link to comment
Share on other sites
antur Newbie

antur

Posted
  • Author
Posted

Crea cada cosa por separado amigo....

 

prueba con algo como esto:

 

function nuevoAjax(){
var req = false;
    try{
    req = new XMLHttpRequest();
    }
    catch(err1){
        try{
        req = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch(err2){
            try{
            req = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(err3){
            req = false;
            }
        }
    }
return req;
}

ajax = nuevoAjax();

function miPeticion(){
url = "test.php";
ajax.open("GET", url, true);
ajax.onreadystatechange = usarAjax;
ajax.send(null);
}


function usarAjax(){
    if(ajax.readyState == 4){
        if(ajax.status == 200){
        document.getElementById("tuDivId").innerHTML = ajax.responseText;
        }
    }
}


y para hacer toda esta caca:

<input type="button" onclick="miPeticion();" value="actualizar div">

 

lo unico entonces que tienes que cambiar aca es la variable url de miPeticion()

 

y document.getElementById("tuDivId") por la id de tu div....

 

 

en pocas palabras tendria que sustituir una funcion pero ya me confundi no se cual de las dos...

 

creo que es la de cargar las cosas en l div???

Link to comment
Share on other sites
cañangasñangas Newbie

cañangasñangas

Posted
Posted

Crea cada cosa por separado amigo....

 

prueba con algo como esto:

 

function nuevoAjax(){
var req = false;
    try{
    req = new XMLHttpRequest();
    }
    catch(err1){
        try{
        req = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch(err2){
            try{
            req = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(err3){
            req = false;
            }
        }
    }
return req;
}

ajax = nuevoAjax();

function miPeticion(){
url = "test.php";
ajax.open("GET", url, true);
ajax.onreadystatechange = usarAjax;
ajax.send(null);
}


function usarAjax(){
    if(ajax.readyState == 4){
        if(ajax.status == 200){
        document.getElementById("tuDivId").innerHTML = ajax.responseText;
        }
    }
}


y para hacer toda esta caca:

<input type="button" onclick="miPeticion();" value="actualizar div">

 

lo unico entonces que tienes que cambiar aca es la variable url de miPeticion()

 

y document.getElementById("tuDivId") por la id de tu div....

 

 

en pocas palabras tendria que sustituir una funcion pero ya me confundi no se cual de las dos...

 

creo que es la de cargar las cosas en l div???

 

claro cambia todo tu codigo ajax por este y ve como te anda y cambia lo que te dije....

Link to comment
Share on other sites
antur Newbie

antur

Posted
  • Author
Posted

Crea cada cosa por separado amigo....

 

prueba con algo como esto:

 

function nuevoAjax(){
var req = false;
    try{
    req = new XMLHttpRequest();
    }
    catch(err1){
        try{
        req = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch(err2){
            try{
            req = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(err3){
            req = false;
            }
        }
    }
return req;
}

ajax = nuevoAjax();

function miPeticion(){
url = "test.php";
ajax.open("GET", url, true);
ajax.onreadystatechange = usarAjax;
ajax.send(null);
}


function usarAjax(){
    if(ajax.readyState == 4){
        if(ajax.status == 200){
        document.getElementById("tuDivId").innerHTML = ajax.responseText;
        }
    }
}


y para hacer toda esta caca:

<input type="button" onclick="miPeticion();" value="actualizar div">

 

lo unico entonces que tienes que cambiar aca es la variable url de miPeticion()

 

y document.getElementById("tuDivId") por la id de tu div....

 

 

en pocas palabras tendria que sustituir una funcion pero ya me confundi no se cual de las dos...

 

creo que es la de cargar las cosas en l div???

 

claro cambia todo tu codigo ajax por este y ve como te anda y cambia lo que te dije....

 

 

amigo una duda mas que nose que hacer me dices que cambie el url de la funcion mipeticion

 

pero hai tienen una archivo test.php quedevo de cambair hai que archivo es elque deve llamar

Link to comment
Share on other sites
cañangasñangas Newbie

cañangasñangas

Posted
Posted

Crea cada cosa por separado amigo....

 

prueba con algo como esto:

 

function nuevoAjax(){
var req = false;
    try{
    req = new XMLHttpRequest();
    }
    catch(err1){
        try{
        req = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch(err2){
            try{
            req = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(err3){
            req = false;
            }
        }
    }
return req;
}

ajax = nuevoAjax();

function miPeticion(){
url = "test.php";
ajax.open("GET", url, true);
ajax.onreadystatechange = usarAjax;
ajax.send(null);
}


function usarAjax(){
    if(ajax.readyState == 4){
        if(ajax.status == 200){
        document.getElementById("tuDivId").innerHTML = ajax.responseText;
        }
    }
}


y para hacer toda esta caca:

<input type="button" onclick="miPeticion();" value="actualizar div">

 

lo unico entonces que tienes que cambiar aca es la variable url de miPeticion()

 

y document.getElementById("tuDivId") por la id de tu div....

 

 

en pocas palabras tendria que sustituir una funcion pero ya me confundi no se cual de las dos...

 

creo que es la de cargar las cosas en l div???

 

claro cambia todo tu codigo ajax por este y ve como te anda y cambia lo que te dije....

 

 

amigo una duda mas que nose que hacer me dices que cambie el url de la funcion mipeticion

 

pero hai tienen una archivo test.php quedevo de cambair hai que archivo es elque deve llamar

 

al que tu quieres llamar pos viejo....

Link to comment
Share on other sites
antur Newbie

antur

Posted
  • Author
Posted

Crea cada cosa por separado amigo....

 

prueba con algo como esto:

 

function nuevoAjax(){
var req = false;
    try{
    req = new XMLHttpRequest();
    }
    catch(err1){
        try{
        req = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch(err2){
            try{
            req = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(err3){
            req = false;
            }
        }
    }
return req;
}

ajax = nuevoAjax();

function miPeticion(){
url = "test.php";
ajax.open("GET", url, true);
ajax.onreadystatechange = usarAjax;
ajax.send(null);
}


function usarAjax(){
    if(ajax.readyState == 4){
        if(ajax.status == 200){
        document.getElementById("tuDivId").innerHTML = ajax.responseText;
        }
    }
}


y para hacer toda esta caca:

<input type="button" onclick="miPeticion();" value="actualizar div">

 

lo unico entonces que tienes que cambiar aca es la variable url de miPeticion()

 

y document.getElementById("tuDivId") por la id de tu div....

 

 

en pocas palabras tendria que sustituir una funcion pero ya me confundi no se cual de las dos...

 

creo que es la de cargar las cosas en l div???

 

claro cambia todo tu codigo ajax por este y ve como te anda y cambia lo que te dije....

 

 

amigo una duda mas que nose que hacer me dices que cambie el url de la funcion mipeticion

 

pero hai tienen una archivo test.php quedevo de cambair hai que archivo es elque deve llamar

 

al que tu quieres llamar pos viejo....

 

 

disculpa me puedes pasar tu msn tengo algunos problemas

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...