JQuery :: Ticking The Checkbox Shows And Hides The Div
Aug 6, 2009
This is my first little foray into JQuery, so far i'm impressed, having had very little JS experience, I was able to create the result. I wanted very qucikly and easily!
However, I'm having one little niggle...
Here's my code:
This works fine.. ticking the checkbox shows and hides the div. However, if I check the checkbox and refresh the page, the checkbox remains ticked, but the div is hidden. how I can make it work reliably?
View 6 Replies
ADVERTISEMENT
Apr 15, 2010
I have simple code which shows a div and then on click it hides the div but its not working:
Code:
hidediv(divID)
{
[code]....
View 4 Replies
View Related
Apr 1, 2011
We are looking to implement something similar to the navigation found at this site: [URL] When you click on ABOUT, CONTACT, or LAB, the appropriate div within the content-main div shows/hides as appropriate. Fancy. I'm happy to read up on this on my own, but I don't really know how they accomplished this, so I'm not sure what to research. Since the page doesn't refresh, I'm assuming AJAX may be involved? Most importantly, I'm very interested in how their URL structure works. It looks like #about is an anchor that they are linking to. I thought about doing it in PHP, which I'm more familiar with, but I'd rather not refresh the page if I don't have to.
View 9 Replies
View Related
Jun 27, 2010
I'm trying to code a menu which when clicking say the 'news' button, a div will appear to the right containing the news, if you then click the button below, say 'information', the news div will be replaced by the 'information' div. I can figure out how to make a single menu item show and hide a div, but I can't for the life of me figure out how to do it for a whole menu.
View 11 Replies
View Related
May 26, 2010
1 - Accordion style vertical list that expands element (Film # and description) when "+more" link is clicked, and closes the previous open film and description.
2 - Activation of "+ more" shows a photo in separate div, and hides the previous photo that was visible in this separate div.
View 4 Replies
View Related
Oct 8, 2011
I have been on this for over an hours now, it is probably something simple and/or stupid, but why doesn't this script work? I have read forums til my eyes are crossed and can't see what I am doing wrong I am new to javascript, but not programming. The point here is to create a function that compares two strings and then shows or hides a div depending on the results of the comparison. I was trying to pass in the name of the two input text boxes containing the text and the name of the div to show or hide (so that it can be used in multiple scenariios.) Right now my error message is that document.getElementById(field1).value is not a function.
Here is the code below..
View 6 Replies
View Related
May 7, 2009
I expanded upon a script a friend helped me write, to create a simple check box that hides / shows content, as shown HERE. [URL] Unfortunately, I don't have a clue how to expand this, so that I can use more than one checkbox on the page, to open different sections.
<html>
<head>
<title>Title of page</title>
<script language="JavaScript">
function getCookie(NameOfCookie)
{ if (document.cookie.length > 0)
{ begin = document.cookie.indexOf(NameOfCookie+"=");
[Code]....
View 2 Replies
View Related
Jul 23, 2005
I have noticed on one page that has a form that is displayed, the IE
status bar just keeps on ticking forward. This is on the center of the
status bar. Thsi happens even though the page says done.
View 1 Replies
View Related
Dec 19, 2011
I'm using the code below, but it hides ALL div's on the page. How do itarget just the layer1 div?
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
[Code]....
View 3 Replies
View Related
Jun 15, 2011
I´m using the asp:menu control and the cycle plugin. No matter what I do, the drop down menu hides behind the slideshow. I´ve tried z-index, z-index !important, div-layout, table-layout, other slideshow plugins, different browsers (FF4, Chrome12, IE9).
View 3 Replies
View Related
Aug 13, 2011
I'm trying to refresh this div:
<?php
echo "<div id='some_div'>".rand()."</div>";
?>
For that, I wrote this jquery code:
$(document).ready(function(){
setInterval(function() {
$('#some_div').load(location.href+' #some_div>*');
}, 3000);
});
But now, instead of refreshing the div, it seems to be hiding it.
View 4 Replies
View Related
Apr 2, 2010
On this page:[URL]..when you hover over "Informationen" and "Über uns" you get sub menu shown. When you move mouse away it hides. Normally i have problem with jquery making queue for every single hover i make, and then i just keeps on animating all those hovers. I tried to implement stop() but just cant get it to work properly.
This is the code i am using:
[Code]...
View 1 Replies
View Related
Jan 12, 2011
I'm trying to get basic JQuery tabs working, using the example shown on this website.If I put the example code on a page by itself it works exactly as intended. However, as soon as I try and incorporate that same code into my site its behaviour changes. The content for all three tabs appears on the one page and then when the page has finished loaded they then eventually hide.
<a href="http://www.allaboutthegames.co.uk/index2.php">Test page</a>
View 1 Replies
View Related
Aug 10, 2009
I'm nearly done with this client site, and it works well in all the browsers I've checked, but I'd really like to finetune the performance
[Code]...
View 2 Replies
View Related
Mar 18, 2010
[URL].. I have used some jQuery to hide two divs (#choices and #review) until a selection of "yes" or "no" is made. My problem is that as the page loads, these div's are displayed for a split second until the jQuery hides them. Can anyone tell me a better way or a fix for the existing code that I am using?
View 4 Replies
View Related
Apr 5, 2011
I've got my accordion working.The html and jq are as follows
<div class="nav">
<h3><div></div>
<h3><div></div>
<h3><div></div>etc..
</div>
$(document).ready(function() {
This hides all divs except the first one (check the site) on load, then whenever I click a h3, it performs as an accordion, sliding the hidden div down and other visible divs back upI want to add another functionality. I want it to be like, if you click on a h3, and the next div is already open, it will hide that div. else, it performs this function. This would be a basic if/else then wouldn't it? I'm new to jq but I've done mIRC scripting in the past and I don't know how the selectors work yet
View 2 Replies
View Related
Oct 14, 2010
I have a button that selects all the checkbox.
How do I select all checkbox when running the click event of each?
View 2 Replies
View Related
Mar 6, 2011
I have a function that builds an xml string from all selected options in a form like this
function SetServices() {
var services = '<SERVICE><SERVICECD>1KNTK</SERVICECD></SERVICE>';
$(":checked:not([name='ServiceType'], #Standard, #NoneForex, #RTT, #PRN, #BW, #Metrics, #STATUS :input, #EX_AGREEMENTS :input, #final_step :input)").each(function() {
[Code].....
View 4 Replies
View Related
Aug 6, 2007
I use the following script to strip the transparent background on PNG images in previous versions of Internet Explorer. However, it started hiding my images, and I can't figure out what changed.
I am very limited in my Javascript knowledge, so please keep your answers simple.
This script seems to be adding other styling to the images and the css settings here override the ones in my stylesheet even though the stylesheet comes after the script in my page. Code:
View 6 Replies
View Related
Aug 3, 2009
I have a pop up that opens for a second then hides behind main window for some reason
<img src="../../../print_this_page.gif" title="Click To Print This Page" width="64" height="64" onmousedown="MM_openBrWindow('{ads_print_href}?item_id={item_id}','printnew','scrollbars=yes,width=950,height=800 ')" />
what i can add to the code so it stays in top. Works on firefox. Issue is with IE8
View 1 Replies
View Related
Mar 8, 2011
I've created a function that would hide and show paragraphs from a drop down list, that paragraph contains a link that will show a div containing a map of google. But when I switch to another State on the drop down list I'd like to have the original first paragraph that showed up to disappear. So far, I can only get the <div> that contains the map to disappear.a function that would hide the paragraph and the <div>? Again, Here's the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>[code].....
View 4 Replies
View Related
Apr 14, 2011
I am looking for a bit of Javascript that can hide a sentence in my website if the URL contains certain words, most specifically INFO or CERT. Any idea how I can do this?
View 9 Replies
View Related
Apr 5, 2010
i have two forms, one is to register and the other one is to log in. i want to have them on the same page, with the registration form displaying. And just allowing the user to click a link and show the log in form and hide the registration form.This is what i got so far, i can't get it to show the other form, it only hides both of them and displays nothing.
Code JavaScript:
<script type="text/javascript">
function toggleview(id) {
var login = document.getElementById(id);[code].....
View 2 Replies
View Related
Oct 17, 2011
I'm trying to put some code together to create an image-swapping system, that when you click on the image it'll hide the image and replace it with a given iframe vimeo/youtube code...
The swapping part works fine, however when the iframe loads up, it hides all other flash objects in the page, and I can't figure out why.
Here's the JS
function swapvideo(w,h,url) {
document.getElementById('video_pholder').style.display='none';
document.getElementById('video_code').innerHTML="<iframe src='"+url+"'
[Code].....
View 6 Replies
View Related
Sep 16, 2011
I am using below script to hide list headings on sharepoint 2007. $(document).ready(function(){ $("table[summary='News'] tr:eq(0)").hide() }); On the "web part page" I have this "News" list 4 times, displaying different views. I like to hide the headings for all 4 lists using this script, but this script only hides the first one.
View 3 Replies
View Related
Jul 26, 2010
I have a jquery Tree program. I got from the net written by Mauro. here we can drag and sort the node.To run this program, we need 2 JS file.
1) jquery.simple.tree.js
2) Jquery file.
For Jquery I used latest version. 1.4.2.When I ran the program, tree working fine, But when I start to drag, it dragged but displayed a JS error "Invalid Argument". I am using IE8. My project work only in IE8.So I tried it with Jquery previous version, in IE8, the drag working with Jquery 1.3.2.But I should use Jquery 1.4.2 (Latest version).The program is a attached herewith.how I can use it with Jquery 1.4.2 and jquery.simple.tree.js.
It is not a big program, only basic things are there. You can run with out any server.Please check it.and help me combinationhow i can run this program with out JS error with a jquery. simple.tree.js and jquery 1.4.2 in IE8.I think if it works on IE 8 with JQurey 1.4.2, lot of people can work with this and thanks for the script to original author Mauro.
View 1 Replies
View Related
