Chào mừng đến với Diễn đàn lập trình - Cộng đồng lập trình.
Kết quả 1 đến 10 của 10
  1. #1
    Ngày tham gia
    Sep 2015
    Bài viết
    0

    Cách truyền giá trị biến giữa 2 trang html?

    Tình hình là em đang học asp.net, nay em có bài toán như thế này mà chưa có cách giải quyết:
    Có 2 trang tạm gọi trang 1 và tràng.html
    Trang1.html: có 1 txtBox và 1 button1.
    Trang 2 cũng vậy.
    Khi nhập nội dung vào txtBox1 và nhấn button1 thì txtBox2 trang 2 sẽ có text= txtBox1.text. (Em đã giải quyết được rồi)
    Phần 2 là làm ngược lại thì em không làm được: nhập nội dung txtBox2 nhấn nút button2 thì nội dung được đưa vào txtbox1. Vấn đề ở chỗ trang2.html em gọi dưới dạng poup và dc đưa vào ifram chứ không đơn thuần là đường dẫn tới trang khác. Mong mọi người giúp đỡ.

  2. #2
    Ngày tham gia
    Sep 2015
    Bài viết
    0
    Bạn tham khảo cách này nhé. Mình dùng jvascript để truyền trá trị.

    Trang thứ nhất: có 2 textbox và 1 button. Click button sẽ hiển thị giá trị của 2 texbox lên page mơí.

    Mã:
    <HTML>
    <HEAD>
    <SCRIPT>
    function fnLaunch()
    {
        var aForm;
        aForm = oForm.elements;
        var myObject = new Object();
        myObject.firstName = aForm.oFirstName;
        myObject.lastName = aForm.oLastName;
    	// The object "myObject" is sent to the modal window.
        window.showModalDialog("modalDialogSource.htm", myObject, "center:yes;resizable:no;dialogWidth:500px;dialogHeight:200px;status:no;dialogLeft:350px;dialogTop:250px;edge:raised"); 
    }
    </SCRIPT>
    </HEAD>
    <BODY>
    <BUTTON onclick="fnLaunch();" >Launch The Dialog</BUTTON>
    <FORM ID= "oForm">
    First Name:
    <INPUT TYPE="text" NAME="oFirstName" VALUE="Jane">
    
    Last Name:
    <INPUT TYPE="text" NAME="oLastName" VALUE="Smith">
    </FORM>
    </BODY>
    </HTML>
    Trang thứ 2:

    Mã:
    <HTML>
    <HEAD>
    <SCRIPT>
    var oMyObject = window.dialogArguments;
    var sFirstName = oMyObject.firstName;
    var sLastName = oMyObject.lastName;
    function loadValue() {
        document.getElementById("Text1").value = sFirstName.value;
        document.getElementById("Text2").value = sLastName.value;
    }
    function save()
    {
    	var oMyObject = window.dialogArguments;
    	oMyObject.firstName.value = document.getElementById("Text1").value;
    	oMyObject.lastName.value = document.getElementById("Text1").value;
    	window.close();
    }
    </script>
    
    </head>
    <BODY>
    First Name:
            <input id="Text1" type="text" /></p>
    
    Last Name:
            <input id="Text2" type="text"/></p>
    
    <script>loadValue();</script>
    <input type="submit" name = "click" onclick="save()" /> 
    </BODY>
    </HTML>
    Đã test trên FireFox

  3. #3
    Ngày tham gia
    Sep 2015
    Bài viết
    0
    Trích dẫn Gửi bởi to_ka_rin
    Bạn tham khảo cách này nhé. Mình dùng jvascript để truyền trá trị.

    Trang thứ nhất: có 2 textbox và 1 button. Click button sẽ hiển thị giá trị của 2 texbox lên page mơí.

    Mã:
    <HTML>
    <HEAD>
    <SCRIPT>
    function fnLaunch()
    {
        var aForm;
        aForm = oForm.elements;
        var myObject = new Object();
        myObject.firstName = aForm.oFirstName;
        myObject.lastName = aForm.oLastName;
    	// The object "myObject" is sent to the modal window.
        window.showModalDialog("modalDialogSource.htm", myObject, "center:yes;resizable:no;dialogWidth:500px;dialogHeight:200px;status:no;dialogLeft:350px;dialogTop:250px;edge:raised"); 
    }
    </SCRIPT>
    </HEAD>
    <BODY>
    <BUTTON onclick="fnLaunch();" >Launch The Dialog</BUTTON>
    <FORM ID= "oForm">
    First Name:
    <INPUT TYPE="text" NAME="oFirstName" VALUE="Jane">
    
    Last Name:
    <INPUT TYPE="text" NAME="oLastName" VALUE="Smith">
    </FORM>
    </BODY>
    </HTML>
    Trang thứ 2:

    Mã:
    <HTML>
    <HEAD>
    <SCRIPT>
    var oMyObject = window.dialogArguments;
    var sFirstName = oMyObject.firstName;
    var sLastName = oMyObject.lastName;
    function loadValue() {
        document.getElementById("Text1").value = sFirstName.value;
        document.getElementById("Text2").value = sLastName.value;
    }
    function save()
    {
    	var oMyObject = window.dialogArguments;
    	oMyObject.firstName.value = document.getElementById("Text1").value;
    	oMyObject.lastName.value = document.getElementById("Text1").value;
    	window.close();
    }
    </script>
    
    </head>
    <BODY>
    First Name:
            <input id="Text1" type="text" /></p>
    
    Last Name:
            <input id="Text2" type="text"/></p>
    
    <script>loadValue();</script>
    <input type="submit" name = "click" onclick="save()" /> 
    </BODY>
    </HTML>
    Đã test trên FireFox
    Ý mình là trang 2 kia mình sẽ cho vào 1 iframe rồi hiển thị giống như JS Popup Boxes. Khi đó làm thế nào lấy được giá trị để gán vào trang 1. Thanks bạn nhé

  4. #4
    Không ai trả lời em với nhỉ ( (

  5. #5
    2 trang cho vào 1 Iframe? mình không hiểu lắm

  6. #6
    trong javascript o trang 2
    function a(a){
    window.opener.document.getelementbyid(idtextbox1_t rang1).value=a
    }

    a la gia tri muon truyen ve trang 1

    ban xem dc kong

  7. #7
    Ngày tham gia
    Sep 2015
    Bài viết
    0
    Trích dẫn Gửi bởi to_ka_rin
    2 trang cho vào 1 Iframe? mình không hiểu lắm
    Trang 2 mà. Đâu phải 2 trang. Mình dùng thickbox để hiển thị trang 2. Giống như khi bạn xem ảnh trên face đó

  8. #8
    Ngày tham gia
    Sep 2015
    Bài viết
    0
    Trích dẫn Gửi bởi hongphuoc8912
    trong javascript o trang 2
    function a(a){
    window.opener.document.getelementbyid(idtextbox1_t rang1).value=a
    }

    a la gia tri muon truyen ve trang 1

    ban xem dc kong
    OK mình sẽ thử xem sao. Hiện tại mình đang sửa một số lỗi khác nên chưa thử được. Thanks bạn đã giúp nhé

  9. #9
    Ngày tham gia
    Sep 2015
    Bài viết
    0
    dùng biến SESSION để truyền

  10. #10
    Ngày tham gia
    Sep 2015
    Bài viết
    0
    session là phía server rồi, nếu chỉ html thuần thì dùng cookies

 

 

Quyền viết bài

  • Bạn Không thể gửi Chủ đề mới
  • Bạn Không thể Gửi trả lời
  • Bạn Không thể Gửi file đính kèm
  • Bạn Không thể Sửa bài viết của mình
  •