 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
curtranhome
Joined: 04 Jun 2008
Posts: 17
|
 Posted: Fri Sep 26, 2008 3:28 pm Hide/show multiple information |
 |
|
|
hey people, I want to create a suggestions page that has check boxes that will display the accompanying information and show in the same place for all of the information when checked, so far all have gotten to is that the information is shown when the page is loaded, and it doesn't show in the same place. NOTE: The code is still incomplete.
So far here is the code:
| Code: |
<html>
<head>
<script language="javascript" src="cal2.js">
/*
Xin's Popup calendar script- Xin Yang (http://www.yxscripts.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/
</script>
<script language="javascript" src="cal_conf2.js"></script>
<!--the above is for the pop up calender, so no need to worry about this-->
<style type="text/css">
#mongroup {visibility:hidden}
#comgroup {visibility:hidden}
</style>
<script language="javascript">
function toggle(chkbox, group) {
var visSetting = (chkbox.checked) ? "visible" : "hidden"
document.getElementById(group).style.visibility = visSetting
}
function swap(radBtn, group) {
var group2VisSetting = (group == "group2") ? ((radBtn.checked) ? "" : "none") : "none"
var group3VisSetting = (group == "group3") ? ((radBtn.checked) ? "" : "none") : "none"
document.getElementById("group2").style.display = group2VisSetting
document.getElementById("group3").style.display = group3VisSetting
}
</script>
<title>The Union of Angels |</title>
<link href="main.css" type="text/css" rel="stylesheet">
</head>
<body id="reg" onLoad="new BLOG_Status().start();" class="null lang_en">
<!--Header Links and title-->
<div id="header">
<div id="h2">
<div id="h3">
<a href="http://curtranhome.webs.com/" id="logo" title="Blogger home">
<h3>The Union of Angels</h3>
</a>
<div style="clear: right; height: 1px; line-height: 1px;">
</div>
<div class="r">
</div>
</div>
</div>
</div>
<div id="body">
<div class="headerLeft">
<!--Need to change to the name of the page-->
<h2 style="margin-top: 0px;">Suggestions</h2>
</div>
<div class="headerRight">
</div>
<div id="apDiv2">
<center>
<h4>Links:</h4>
<p><a href="http://curtranhome.webs.com/">Home</a><br />
<a href="http://curtranhome.webs.com/alliance.html">Alliances</a><br />
<a href="http://curtranhome.webs.com/artgallerylogin.html">Art Gallery</a><br />
<a href="http://curtranhome.webs.com/benefits.html">Benefits</a><br />
<a href="http://curtranhome.webs.com/commentslogin.html">Comments & Questions</a><br />
<a href="http://curtranhome.webs.com/eventdaylogin.html">Event Day</a><br />
<a href="http://curtranhome.webs.com/forumslogin.html">Forums</a><br />
<a href="http://curtranhome.webs.com/lostpass.html">Lost Password</a><br />
<a href="http://curtranhome.webs.com/members.html">Members</a><br />
<a href="http://curtranhome.webs.com/photologin.html">Photos</a><br />
<a href="http://curtranhome.webs.com/updatelogin.html">Recommend an Update</a><br />
<a href="http://curtranhome.webs.com/register.html">Register</a><br />
<a href="http://curtranhome.webs.com/rules.html">Rules</a><br />
<a href="http://curtranhome.webs.com/suggest.html">Suggestions</a><br />
<a href="http://curtranhome.webs.com/videologin.html">Videos</a><br />
</p>
</center>
</div>
<!--End header links and title-->
<div style="width: 100%;" class="box">
<div class="topleft">
<div class="topright">
<form name="suggestions" action="http://members.freewebs.com/formMail.jsp" method="post">
<table width="298" widh="300">
<tr><td width="160">
<input type="hidden" name="userid" value="33910342">
<input type="hidden" name="Form Name" value="Suggestions">
What are you suggesting?</td>
<td width="125">
<input type="checkbox" name="monitor" onclick="toggle(this, 'videos')">A Video<br />
<input type="checkbox" name="monitor" onclick="toggle(this, 'forum')">A Forum<br />
<input type="checkbox" name="Piece of Art">Piece of Art<br />
<input type="checkbox" name="An Event">An Event<br />
<input type="checkbox" name="An Alliance">An Alliance<br />
<input type="checkbox" name="An Enemy">An Enemy<br />
<input type="checkbox" name="A Photo">A Photo<br />
<input type="checkbox" name="A Rule">A Rule<br />
<input type="checkbox" name="An Update">An Update<br /></td>
<td width="309">
<span id="videos" class="hidden">
Video Name:<input type="text" name="video-name"><br />
Video URL(Address):<input type="text" name="video-url">
Video Embed code: <textarea name="video-embed-code"></textarea>
</span>
<br />
<span id="forum" class="hidden" style="vertical-align:top">
Forum Name: <input type="text" name="forum-name"><br />
Forum Date: <input type="text" name="Date" id="Date" size=20><small><a href="javascript:showCal('Calendar1')">Select Date</a></small>
</span></td>
</tr>
</table>
</form>
</div>
</div>
</div>
<script type="text/javascript">
CheckboxChecked(document.suggestions.Videos.checked,'videodiv');
</script>
</body>
</html>
|
If there is any confusion what so ever please post back and I'll try to explain a little better.
Thanx ahead of time
~curtranhome |
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 1390
Location: Biloxi, MS
|
| Posted: Sat Sep 27, 2008 10:20 am |
|
|
|
What DocType are you writing your code to and what do you mean doesn't show in same place when page is loaded?
You have lots of coding errors already which may be affecting this:
line 37 column 10 - Warning: missing </a> before <h3>
line 38 column 17 - Warning: inserting implicit <a>
line 39 column 10 - Warning: discarding unexpected </a>
line 61 column 75 - Warning: unescaped & which should be written as &
line 47 column 1 - Warning: missing </div>
line 3 column 1 - Warning: <script> inserting "type" attribute
line 10 column 1 - Warning: <script> inserting "type" attribute
line 16 column 1 - Warning: <script> inserting "type" attribute
line 38 column 17 - Warning: <a> anchor "logo" already defined
line 80 column 1 - Warning: <table> proprietary attribute "widh"
Some of these are minor, but missing closing tags are not. |
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
