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]....
[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 RelatedI´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 RelatedI'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.
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]...
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?
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>
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]...
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
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:
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
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].....
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 Relatedi 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].....
I have simple code which shows a div and then on click it hides the div but its not working:
Code:
hidediv(divID)
{
[code]....
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 RelatedI'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 RelatedI'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].....
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 RelatedUnable to scroll down an ajax dropdown box in IE. as doing so causes the dropdown box to hide.
I have been told that I need to have a different DOCTYPE but using a 'scrict' doctype causes the menu to scroll downwards with each item on its own line and not across the top of the page.
This is the working folder I have created with just the bar bones of the page that are affected. code...
Can anyone suggest how I can get this to work on most if not all browsers.
oh, i have previously been told that I should use Jquery for this and the other functions on the page but I tried this at the first stages of setting the page up and it failed to work correctly.
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.
I am writing some javascript that when the user clicks on a link, it hides or displays content inside a div tag. I have been trying to add some code that would only allow for one div tag to be displayed at a time.
Here is where I originally got the code [url]
Whenever I run this code I get this error:
This is the JavaScript that runs when the user clicks the link:
I'm having a hard time getting my head round it again. I know it could be more efficient in jQuery, but I'd be happy just to get it working, with an extra variable, in straight js.The function takes an array and progressively hides each element at constant interval, in this case 50ms:
function hide_50(arrayA,visibility,current) {
if ( current == null ) current = 0;
var arrayB=(typeof arrayA == 'string')? arrayA.split(',') : arrayA;
[code]....
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..
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]....
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
Code:
function swapvideo(w,h,url) {
document.getElementById('video_pholder').style.display='none';
[code]....
