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]....
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...
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>?
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 RelatedI'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...
What you can see is that I have a bunch of images which form a chart, each of the images has multiple classes.I want to write a function which when called fades in/out images dependant on whether all related checkboxes are checked or not.Checkboxes are related to the images by id on the checkbox and class on the image, as I'm sure you can see. I will be calling this method each time a checkbox is checked.
View 2 Replies View RelatedI have a simple check box in an admin panel where the idea is that if it is checked then 'display' a div on the page, if it is not checked then hide it.When I tick the checkbox, the div shows up, but then disappears right away. (it does the fade-in display:block, but instantly changes back to display:none).
View 1 Replies View RelatedCan 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...
Here my script :
<script>
$(document).ready(function(){
$('#test1_invalidation_comment__row').hide();
if($('#test1_invalidation_comment').val())
[Code].....
My script work each two submit can't figure why.
I know from scouring the Web that this is a very common Javascript question, but I have a twist on the question which is giving me headaches, and I hope some of the brilliant minds here at DaniWeb can help show me the error of my ways.
Say a user has checked a checkbox when submitting a form. I have a PHP script that records that check in a MySQL record. Later when they visit the page, the PHP script shows the checkbox as being checked. That's all working fine.
Now here's what I'm TRYING to do: Since the checkbox is checked when the page loads, I want a certain div to show up. And when the user UNchecks the checkbox, I want the div to go away. Simple, right?
Here's the Javascript I've placed in the header:
In the CSS, I've styled a div thusly:
And here's what I'm doing in the <body>:
This should show up when you click Yellow Box. And it should go away when you click it again. </div>
When I uncheck the checkbox (first click), nothing happens: the div still shows up.
Then when I re-check the checkbox (second click), the div goes away.
And then when I un-check the checkbox again (third click), the div comes back.
In other words, it's doing the OPPOSITE of what I want.
It seems that when I click the checkbox the first time (to uncheck it), the Javascript pulls an empty value. Only with the second click is it finding a value ('none').
how do i make it like if the checkbox is checked.. it gets replaced by a textbox like in[url]....i have tried using this:
<script>
function ShowHide(chk,txt)
{ [code].....
"show hide textbox when checkbox is checked and unchecked" without using 'window.onload' function
below is the code with window.onload function. if i use this, got some problem. using window.onload function i got this code through coding forums. after that i did some changes according to my requirement.
<html>
<head>
<style type="text/css">
tr {
height: 0.75em;
[Code]....
I'm trying to get the two followup questions underneath the checkbox to show up only if someone places a check there, but for some reason the way I've got it set up now it's simply hiding the area I want to show up altogether, and the checkbox has no effect on it.
Rather than waste tons of space pasting it here, here's the pastebin: [url]
Alternatively here is the live version:[url]
I'd prefer to have the form collapse when the additional questions are hidden, though if i can get this working at all.
i am using jQuery UI1.7.2. and jQuery 1.3.2
<script type="text/javascript">
$(document).ready(function() {
// hides the slickbox as soon as the DOM is ready
[code]....
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:
For simplicity and debugging, I attempt to display an apple when the mouse passes over the center of an image.In IE, the mouseover hand shows as the mouse passes over the center of the image and the apple is displayed.In FF, the mouseover hand shows as the mouse passes over the center of the image but the apple does not display.(By the way, I'm certain the showhide function is fine,
<div id="Core" style="position:absolute; width:209px; height:115px; z-index:4; top:212px; left:28px; visibility: hidden"><font color="#000000"><img src="apple.jpg" width="125" height="140"></font></div>[code]....
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].....
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 RelatedAnyway, 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]....
Is there any way to display "Processing" message, by default, in the iframe triggering by jQuery from the parent window? IFrame is runing CURL function and with PHP 5.2 I can't display any message there so I need to have there something by default.
View 2 Replies View RelatedIs there a way of telling the validation plug-in to use it's defaulterror messages when the title on the control is set? The defaultvalidation error messages are good for most of my cases so I'd rathernot have to explicitly set the messages for each and every one ofthem.For example, if I attach a "required" validation rule to a textbox andset its title to something, I don't want that title to appear as theerror message when they leave the field blank and I'd rather not haveto explicitly set the validation message
View 1 Replies View RelatedI'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);
});});
I am building a simple "accordion-like" interface in jQuery. The HTML looks like this-
<div class="mediaList accordion">
<div class="mediaListItem item $alt">
<div class="mediaTitle head group">$head</div>
[code]....
<span id="thmr_5" class="thmr_call">
View 2 Replies View RelatedA form on my website's contact -us HTML page has two fields
1) subject
2) message
When the page loads for the first time I want these two boxes to display messages like "**Enter subject here**" and "**Enter Message here**".
I found that we can do this by using the "value" attribute of the text box, is this the best way ??.. What alternatives do I have to achieve this ?
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