Show <div> As Default Then Hide It

Mar 31, 2005

The code below allows a user to specify which <div> should show on page2.html depending on which link is clicked from page1.html.

Page1.html
<code>
<html>
<head>
<title>page 1</title>
</head>

<body>

<a href="page2.html?div1">show div 1</a><br>
<br>
<a href="page2.html?div2">show div 2</a>

</body>
</html>
</code>

Page2.html
<code>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>page 2</title>
<style type="text/css">
.show
{
visibility:visible;
}
.dontshow
{
visibility: hidden;
}
</style>

<script type="text/javascript">
function wp(){
var fn1=window.location.href
var fn2=fn1.split("?")
if (fn2.length>1){
var fn3=fn2[fn2.length-1]
x=document.getElementById(fn3);
x.className="show";
}
}
</script>
</head>
<body onload="wp()">
<div id="div1" class="dontshow">Div 1</div>
<div id="div2" class="dontshow">Div 2</div>
</body>
</html>
</code>

What I would like to do is have page2.html <div1> as the default and show up. Problem is, if I click the link to show <div2> from page1.html, both <div>'s show up. How can I hide <div1>?

View 1 Replies


ADVERTISEMENT

Show/Hide Div With Default?

Jul 16, 2009

I'm trying to make one div default open, and that is working ok, but when I hit the link for the the other div to open, the first div is not closing... It closes when I hit the link for the first div...

var currentShowingDiv = document.getElementById('idShowHide1');
function doHideShow3(divName){
var objDiv = document.getElementById(divName); [code]...

So just to clarify what I want is to have one div open as default (idShowHide1) and when the user hits the link for the second div (idShowHide2) the first div close and the other open... As it is now the first div does not close...

View 5 Replies View Related

Show / Hide Div With Default?

Jul 16, 2009

I have this script which show and hides divs, but I want a certain div to be open at start, how can I do that?code...

View 7 Replies View Related

JQuery :: Checkbox Hide/Show Default Display?

May 26, 2010

Assuming that a checkbox is initially unchecked, the following code works because the additional text is hidden, and when the checkbox is checked, the function if performed to show() it. However, what needs to be done if the checkbox may or may not be checked initially?

.additional{ display:none; }
$('#add').change(function(){
if($('#add').is(':checked')){[code]....

View 2 Replies View Related

How To Link To A Page With Different Default Show / Hide Tab Showing

Aug 2, 2009

I'm not allowed to post a link yet since I'm a newbie. But the page is here: tinyurl dot com /m8ajyp

This page (and others on the site) use javascript to show/hide some divs in order to have a tab-like interface.

Is there any way to link to this page with the "Past Events" div showing as the default? Right now you can see that "Coming Events" shows on page load. And that's the way we want it most of the time.

But there are places in the site where I'd like to link specifically to this page with the "Past Events" div showing on page load.code...

View 7 Replies View Related

JQuery :: Toggle Function - Hide/show Table When Hide/show Button Is Pressed

Sep 12, 2011

I am trying to hide/show table when hide/show button is pressed

Problem: The code works fine when I remove 'slow' from line 10. But with 'slow' in line 10 content of toggleButton doesnt change from Hide to Show when pressed.

Code:

View 1 Replies View Related

JQuery :: Hide Toggle As Default?

Apr 21, 2010

I use this snippet to remember the state of a toggle. But i want the default state to be hidden. How can i accomplish this? I added "display:none;" to .toggle_container but this isn't working.

$
(
".toggle_container"
).

[Code].....

View 4 Replies View Related

JQuery :: Hide Default Title Tooltip ?

Aug 21, 2010

I'm using this jquery plugin I recently found, and I'm having some trouble with it. Actually I got it to work quite nicely, the thing is that (as you may notice in that same demo) it works using the Title attribute so when you hover for a couple of seconds over a menu button, that awful default tooltip appears. I did some research but I couldn't find any simple way to hide those.

View 1 Replies View Related

JQuery :: Using Toggle Function - Hide On Load As Default?

May 21, 2010

Anyway, I am using some code that someone else wrote so I claim no credit here for the code.It works great and I've managed to persuade to work in Wordpress but I have one thing I would like to change.Basically the text I am trying to toggle is "shown" on page load - I would like it to be "hidden" until the user clicks on the link to make it appear.Here's the code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-

[code]....

View 2 Replies View Related

Show Default Text When Checked?

Apr 21, 2011

My code below shows 2 radio buttons, when you click on one, it shows the content from a div, I would like to show the content of the checked radio button by default, at teh moment, they don't show any content until they are clicked!code...

View 2 Replies View Related

Show Default Value Of Text Box With On And Off Click

Oct 7, 2010

I am trying to workout how to show the default value of a text box when you click off it. I have already got the code for the onclick but still working with the offclick.

View 1 Replies View Related

JCarousel - Show 5 Thumbnails Instead Of Default 3?

May 15, 2009

I have got the following jCarousel code at http://sorgalla.com/projects/jcarousel/ and it shows just 3 thumbnails.

Does anyone know how to change this so it shows 5 thumbnails please?

View 5 Replies View Related

JQuery :: Default Content To Show On Page Load

Jun 23, 2011

I'm using Dynamic ajax content to load .php files into a div section, and everything is going fine, but the only problem is I don't know how to have the index page to load a certain file when the page loads. As for jquery code, this is all I have regarding my problem, and I'm not even sure I've used it right:
$(document).ready(function() {
$.get("content/home.php", function(returnedData) {
$("index").php(returnedData);
});});

View 2 Replies View Related

Code To Display Script Dropdown List To Show By Default Selected Value?

Jan 28, 2011

Can someone tell me the code to display dropdown box showing a default value as selected which can vary as per the user�s condition using script..i,e by enclosing in document.write..
Now i need to print a for loop counter variable's value as the default selected option if a condition satisfies as shown below..code...

View 1 Replies View Related

Script Dropdown List To Show Current Date As Default Selected Value?

Jan 29, 2011

what can be the reasons for the same code which works perfectly in notepad to not show its result in a jsp application done using eclipse??anything to do with settings?

I am not able to display the current date as default in dd/mm/yyyy format in drop down menu..only dd and yyyy apears but month isnt apearing as default..

can u suggest alternative logic and its code to implement the same??

View 1 Replies View Related

Show / Hide Won't Show In Nested List

Jan 22, 2009

I am having problems, basically I have a set of nested lists I need to show and hide

Code:
<ul id="smenu3"><ul id="smenu4">
<li>stuff here..</li>
<li>stuff here..</li>
<li>stuff here..</li>
</ul><ul id="smenu5">
[Code]...

I always want "smenu3" to show with "smenu4" and "smenu5" collapsed... When the user clicks the link, it calls a javascript function to show "smenu4" like so...

[Code]...

View 7 Replies View Related

If Image - Show Image Else Show Default Icon?

Feb 16, 2010

How do I show the default icon for pdf, doc, etc... else show the image? Show the default icon for pdf, doc, etc... else show image.

Default icon:
'<img alt="" src="images/icons/' + sIcon + '.gif" width="16" height="16" border="0"></a>' +
The image:
'<img alt="" src="' + fileUrl.replace( /'/g, '\'') + '" height="36" border="0"></a>' +
Attempted javascript onError but only certain browsers support that or it's my code.
'<img alt="" src="' + fileUrl.replace( /'/g, '\'') + '" height="36" border="0" onerror="this.src=images/icons/' + sIcon + '.gif"></a>' +

View 6 Replies View Related

JQuery :: Default CSS To Element - Put All CSS Values On My Selected Elements Back To Its Default

Sep 14, 2010

I am looking for a way to put all CSS values on my selected elements back to its default. I was wondering if anyone has maybe done this before and if not has any idea's to get me started.

The idea is that when I use for example:

The elements within .setDefault will return to its default font/color/height/width etc... so basically all posible values.

View 6 Replies View Related

Hide/show <div>

Aug 11, 2005

I am trying to hide some form elements in a form by default and show/hide
depending on which radio button is clicked. This is what I have but it is
not working: Code:

View 2 Replies View Related

Show/hide

Sep 6, 2005

I'd like to have a show/hide widget on my web site, kind of like "show
details" / "hide details" in Google Groups. Is there a tutorial
explaining how to make them? Google's is a bit complex and it's easy to
get something wrong. If the browser does not support the required
features, I want it to generate a completely static page with the
"details" shown automatically.

View 3 Replies View Related

Show A Div And Hide Another?

Oct 26, 2009

Check this code:

<a>text</a>
<div id="pkg">pkg</div>
<div id="table_pkg">table_pkg</div>

I'd like to show table_pkg and hide pkg when I click on <a>text</a>. How can I do?

View 3 Replies View Related

Show One Div But Hide Another?

Apr 8, 2009

I am using some simple javascript to show and a hide a div

Code:
function showHide(d) {
if (document.getElementById(d).style.display == "none")
{
document.getElementById(d).style.display = "block";

[Code]...

View 5 Replies View Related

Show Hide

Feb 12, 2006

i have 5 sections in seperate divs and i am trying to collapse them using anchor onclicks and some js to toggle the display style. I am a little unsure of how to make this piece of code work a little more elegantly(lack of js symantic knowledge). Code:

View 3 Replies View Related

Hide Show Div

May 17, 2006

gives me a type mismatch when I try to hide the div using the function hideTip2? Code:

View 3 Replies View Related

Show One Div And Hide All

Mar 29, 2010

I have 5 links and 5 divs. When the page loads I've set the visibility of first div to visible and all the rest are hidden. When the user clicks on second link I want to hide all the other divs and show only second. Similarly when the user clicks third link I want to show third div only. You get the idea. Here is what I have so far. Nothing happens when I click the second link.

[Code]...

View 14 Replies View Related

How To Hide/show Div

Jul 20, 2011

Basically, I need a link that gives the user an option to show the rest of an article, and then a link UNDER the rest of the article to hide a post again. The link needs to work uniquely with each link. Every method I've used so far has worked for one post, and on the next post, when the link is clicked, it just shows the rest of the first post.

View 8 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved