Javascript hide/show div... HELP!

**cutterpillow20** · 01-04-2013, 10:06 PM

Maaung gabie.. gusto tana nku na makita ang ako login form na kung e check ang checkbox pero dili man mu gana ako code.. unsa mali ani?

HTML

<html>
<head>
<title>Login Form</title>
<link href="myStyle.css" rel="stylesheet" type="text/css" />
<script src="myJScript.js" type = "text/javascript"></script>
</head>
<body>
<div id ="wrapper">
<p id = "text">LOGIN<input type = "checkbox" name = "hideForm" id = "hideForm" tabindex = "165"/></p>
<div id = "hiddenForm">
<form id="frmContact" name="frmContact" method="post" action="thanks.htm">
<fieldset id = "personalInfo">
<p>
<label>Username</label>
<input type = "text" id = "text" tabindex = "100">
</p>
<p>
<label>Password</label>
<input type = "password" id = "text" tabindex = "100">
</p>
</fieldset>
</form>
</div>
</div>
<script src="myJScript.js"></script>
</body>
</html>

Javascript

function prepareLoginForm() {
document.getElementById("hideForm").onclick = function() {
if(document.getElementById("hideForm").checked) {
document.getElementById("hiddenForm").style.displa y = "block";
} else {
document.getElementById("hiddenForm").style.displa y = "none";
}
};
document.getElementById("hiddenForm").style.displa y = "none";
}

window.onload = function() {
prepareLoginForm();
};

Salamat daan!

**ondoy** · 01-05-2013, 06:24 AM

basin knang y sa display?
document.getElementById("hiddenForm").style.displa y = "none";

**cutterpillow20** · 01-05-2013, 07:25 AM

Sakto ra man diri sa text editor nku boss.. na indent ra man yata ni diri sa pagpaste..

**jairoh_** · 01-05-2013, 08:26 AM

if ( checked ) => $( '#wrapper' ).show()
else $( '#wrapper' ).hide()

mao ra

pero dapat i.hidden lng daan na inig load sa document. hehehe

**cutterpillow20** · 01-05-2013, 08:36 AM

javascript ra bai.. sunod npud nang jquery.

**ondoy** · 01-05-2013, 10:28 AM

mo work rman sa akoa ni nga script..e try daw remove ng gi load nimo nga JS sa head ug dapit sa footer then pg screate ug tag <script>imong function</script> kung mo work ba

**cutterpillow20** · 01-05-2013, 12:40 PM

duh? sige2 e try nku boss.. salamat!

**arthexcalibur** · 01-05-2013, 10:20 PM

I think naa sad na sa imong browser boss because some old browsers does not support changing the display dynamically sa CSS nia ba. . .

**jairoh_** · 01-06-2013, 08:11 AM

Originally Posted by arthexcalibur

I think naa sad na sa imong browser boss because some old browsers does not support changing the display dynamically sa CSS nia ba. . .

javascript mqn iya gamit bro not css.

**cutterpillow20** · 01-06-2013, 09:28 AM

boss ondoy ning gana jud siya.. nganu dili man siya mu gana kung sa external na script? Salamat kaau ug sa inu tanan!

Thread: Javascript hide/show div... HELP!

Thread Tools

Search Thread