2011-12-18 25 views
6

¿Cómo puedo pasar valores de una página html en otra página html javascriptCómo pasar valores de una página html a otra página html ¿javascript?

Por ejemplo:

página Page1.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
<head> 
    <title>arasu</title> 
    <style type="text/css"> 
    #popupbox{ 
    margin: 0; 
    margin-left: 40%; 
    margin-right: 40%; 
    margin-top: 50px; 
    padding-top: 10px; 
    width: 20%; 
    height: 150px; 
    position: absolute; 
    background: #FBFBF0; 
    border: solid #000000 2px; 
    z-index: 9; 
    font-family: arial; 
    visibility: hidden; 
    } 
    </style> 
    <script language="JavaScript" type="text/javascript"> 
    function login(showhide){ 
    if(showhide == "show"){ 
     document.getElementById('popupbox').style.visibility="visible"; 
    }else if(showhide == "hide"){ 
     document.getElementById('popupbox').style.visibility="hidden"; 
    } 
    } 
    </script> 
</head> 
<body> 
<div > 
<form name="login" action="AgaramAnimation.html" method="get"> 
<center>Username:</center> 
<center><input name="username" size="14" /></center> 
<center>Password:</center> 
<center><input name="password" type="password" size="14" /></center> 
<center><input type="submit" name="submit" value="login" /></center> 
</form> 
</div> 
</body> 
</html> 

aquí I entran dos valores de nombre de usuario y contraseña cuando hago clic en el botón enviar, la ventana emergente se cerrará y los valores pasarán a otra página del script java que se detalla a continuación.

page2.html

function gettingvalues() 
     {    
      var connection = new ActiveXObject("ADODB.Connection"); 
      var connectionstring = "Data Source="";Initial Catalog="";User ID="";Password="";Provider="""; 
      connection.Open(connectionstring); 
      var rs = new ActiveXObject("ADODB.Recordset"); 
      rs.Open("select * from logindetails where username='" **+ username +** "' and password= '" **+ password +** "'", connection); 
      if (!rs.eof) { 
       document.getElementById("").innerHTML = ""; } 
      else { 
       alert('please enter valid username and password'); 
      } 
      connection.close; 
     } 

Pls me ayudan ..........

Respuesta

0

Si Main.html ha abierto Popup.html con window.open(), la página puede tener un popup.html referencia a su ventana de apertura (la ventana de Main.html) usando window.opener. Por lo tanto, podría llamar a una función de devolución de llamada definido en setCredentialsMain.html usando

window.opener.setCredentials(...); 

Ejemplo:

en principal.html:

// callback function called by the popup 
function setCredentials(login, password) { 
    // do what you want with the login and password 
} 

en popup.html

// function called when the form is submitted 
function login(login, password) { 
    window.opener.setCredentials(login, password); 
    window.close(); 
} 
+0

pls hacen algunos ejemplos. – Raj

+0

es difícil hacer ejemplos de algo como esto con un editor web como jsfiddle, ya que requiere páginas html separadas para funcionar. – keithwyland

0

Puede consulte la ventana que abrió su nueva ventana (llamada ventana principal) a través de window.parent y luego ejecuta tu javascript usando ese objeto.

Aquí se muestra un ejemplo de forzar a una página principal para refrescar el uso de este: [1]Forcing parent page refresh through javascript

Así, en su caso, usted podría haber ejemplo, las variables de nombre de usuario y contraseña en sus js como este y que podría ponerlos en la ventana emergente como ese:

//parent window 
username = ""; 
password = ""; 

.... 

//popup window 
window.parent.username = enteredUsername; 
window.parent.password = enteredPassword; 
+0

La ventana emergente es Html.Page separada.aquí está mi pregunta cuando hago clic en un enlace en main.html, ventana emergente abierta, ingreso el nombre de usuario y la contraseña, la ventana emergente debe cerrarse y el nombre de usuario y la contraseña pasan al script java en html principal. – Raj

+0

Sí. Usted tiene su página principal, desde el interior de su página principal aparece una nueva página html para obtener información de contraseña. Su nueva página html contiene esta referencia a la página principal que la abrió a través de window.parent. Antes de cerrar la ventana emergente, configura el nombre de usuario y la contraseña en la página principal y luego continúa en la página principal principal. – vassilo

+0

@vassilo: window.parent es la página principal de un marco en un conjunto de marcos. Nada que ver con ventanas emergentes. window.opener es la ventana que abrió la ventana emergente. Consulte https://developer.mozilla.org/fr/DOM/window.parent y mi respuesta –

2

Suponiendo que sus dos páginas están en el mismo dominio, puede utilizar localStorage.

popup.html:

var user = prompt('user name', ''); 
var password = prompt('password', ''); 
localStorage.user = user; 
localStorage.password = password; 

Luego de vuelta en la página principal:

var user = localStorage.user; 
var password = localStorage.password; 

Nota 1: No voy a comentar sobre la seguridad (aparte de decir, por supuesto, don' ¡Hazlo como lo he hecho arriba!)

Nota 2: localStorage es solo aproximadamente 92% compatible: http://caniuse.com/namevalue-storage

Cuestiones relacionadas