So basically I want to make a side navigation that has a button that can hide the whole layer (making more room for text). Saw it done before but forget how it was done. More info:
Along the side of that div is the button to hide the div, i know that that will be in its own div, that will have a script to hide (or somehow change a value in the css) to make the side bar and its conetent not visible.
What I've doing wrong, on first click it detects that the div is hidden and makes it visible, button on second click it does nothing:
View 1 Replies View RelatedI have this code:
$
(
'#region_dc').
click
[code]....
The click works fine. Check the checkbox, the hidden div displays. But when I uncheck the checkbox, I want it to go away.
The issue is that I want to hide a div tag once click anywhere else, exactly like Jquery UI Datepicker.
View 12 Replies View RelatedI am programming a website. On there website the users will be able to click "Add as friend". I am basically wanting it so that when my users click "Add as friend" the link will dis-appear and then it will visit a page on the iframe that I have already coded with a variable (addfriend.php?pid=CODEHERE).
If there is anyone that knows how I can make the code dis-appear using Ajax.
I'm using the <div> command, but I would like that, when the page opens, this <div> is closed.
The main goal is that the user can open this <div> with a button.
I know how to click a link to show a hidden div. However, how can I hide the div when users click anywhere in the browser? I would like some behaviour like "releaseOutside" in javascript.
I search this forum and find some code to try, but it doesn't work. When I click the link, the div does not show anymore (if I took out the document.onclick function, the div shows). Here is my code:
<script language="javascript" type="text/javascript">
function showdiv() {
document.getElementById("mydiv").style.display = "block";
return false;
}
document.onclick = function() {
document.getElementById("mydiv").style.display = "none";
}
</script>
</head>
<body>
<a href="#" onclick="return showdiv()">Link</a>
<div id="mydiv" style="display:none">bah bah bah...</div>
I have a link, and a onClick event, which calls jscript function.
Everything is okay, but how can i for example hide that link on click ?
I mean, i can do onClick = "this.hide()" or link.observe('click', function() { ... I can acomplish it this way, but can i do it with a function ?
Because, on click,a function does ajax reuqests, and i want that function to hide the link, not with inline code, or with some observe actions..and after that request, i want to hide the link.
I want to have a couple of links like
'Link1' >> opens box1
'Link2' >> opens box2
'Link3' >> opens box3
The boxes are not closing good?
I have this code but something is going wrong:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code].....
I want to hide a table when user click on a link
this is my code looks like code...
is it possible to hide above table at same time print this link clicked?
how do i hide the popup list.. i would like to if the user click outside of that div element.. the popup div will hide. but whenever i select the body or the id containing that popup div.. the whenever i click the down arrow button.. it shows the popup div.. but then closes again.. because of the selector hide on the container div.[URL].. here's the test page..
when i click the down arrow.. it shoes the popup.. how to do if i want that any click outside that popup element.. i will call the hide/fadeout for the popup element..
I'm skinning my video player for my new site, I have the following code: click:function(){a.trigger("togglePlay");return false}}) How can i edit this code to add a SECOND function of making the button opacity: 0 or just dissapear alltogether once clicked aswell?
View 2 Replies View RelatedI've already posted a question related to this but i'm not getting the desired solution.U people might have seen the search this forum link in this forum.On clicking that link a div layer opens and if I click the mouse anywhere outside this layer it suddenly hides.I'm using a similar layer function in my site.By clicking a link in my site a layer opens and if I click my mouse outside the layer it should be hidden.So how to do this using javascript.
View 13 Replies View RelatedDoes someone knows how i can show/hide multible divs at one click?
View 2 Replies View RelatedWhy isn't this working?
<html>
<head>
</head>
<script
[Code]....
The following code is a typical show/hide combo, followed by an attempt to do the same with a single control ("singleClick").
Unfortunately, it opens the "extra" dive but won't close it.
Is it a fault in my javascript, or am I asking the jQuery to use logic incorrectly?
This is the code:
I want to show hide a div and its content when show or hide button is pressed. How i can do it. it is a asp.net button and i also don't want the page to postback when button is clicked.
View 1 Replies View RelatedI managed to write show hide sub row for my table.the first row of my table is master and the immediate next row is detail , I am hiding all detail rows initially. and when user click on any tr the next row which is hidden is made visible .
here is the script
$(document).ready(function(){
$("#report tr").live('click',function (event) {
$(this).next("tr").toggle();
$(this).find(".arrow").toggleClass("up");
});
});
Now I want to show/hide all detail tr with one click
I have a table that contains information that is hidden within a 'td' element. Users can access this information if they wish by clicking on a link that is held in another 'td' element on the previous row (table structure below):
<table>
<tr>
<td><a href="#" class="install_toggle"
[code]....
I am trying to create a simple splash page.
I have 2 divs on the page, div1 has a gif animation in it and div2 is the page content. I want to hide div2 and only show div1 which plays the gif, then after some time div1 fades away and div2 fades up to show the page content.
This is my thought process:
1) On doc ready, hide div2
2) after 3000 fade div1 out
3) fade div2 in
$(document).ready (function(){
$('#div2')hide();
but I dont know how to fade out the div after a time and fade in the other div.
The examples I see all use the click function.
I'm using the plugin superfish for my menu and i would like to hide it after choosing an item. Here is my code :
$(function(){
$('ul.sf-menu').superfish();
$('a[class=select-item]').click(function() {
[code]....
I have no idea if this is even possible, but I thought I'd check here to see what anyone thinks.I have a top nav on my site that has dropdown submenus. When a user clicks on one of the sub-menu items, jQuery toggles a div in the main content area to be visible.The problem is that since I am using CSS hover menus, the menu remains over top of the div that was activated in the background.I know that I could do a normal page load instead of show/hide this div, but I'm wondering if there is another way. Before I go another direction, I wanted to see if anyone had an alternative.
EDIT: Maybe something using .focus()? But then maybe I need to rebuild my menu to allow this, because simply adding focus to the div doesn't seem to do it.
I am creating a static(only raw data) web site and want to show a panel as following.
Contact us panel
label1
Label2
Label3
when label1 click it would show as below
Label1-> on click Label 1
Label 1 details
abc location bla bla
how i can achive funtionality to click on label 1 and show details data and again clicking hides label1 data I am using page breeze html editior, Is it possible i can use java script functions in it,
1. I have code to show tip like code...
How is correct Javascript code to Close this tip when clicked?
2. How to move next news feed with click on arror icon and back icon? code...
How is correct Javascript code to move news item next and prevoius news?
when clicked? code...
how to hide the source when user click on viewsource ex
<script LANGUAGE="javascript">
document.write("hello");
</script>
I'm basically trying to make it so a link click will hide and display a series of DIVs to make my site look a bit neater and more professional. The code I have WORKS, it can make a DIV appear and disappear easily enough but the issue I'm having is that it only works if you click the same link to show nad hide. Click a link to show a DIV then click another link and both will be visible.
But the only other code I tried to hide all but the selected DIV just results in my page becoming invisible (Its constructed with DIVs from top to bottom) so its not a suitable result. I'm basically after this: [URL]. Where you click on the link (in this case an image) and it shows what you need. I did try searching through their HTML and code but their javascript file appears as one long string to me so its hard to find any real useful detail.
This is the code I have at the moment:
Code JavaScript:
function showHide(shID) {
if (document.getElementById(shID)) {
if (document.getElementById(shID).style.display != 'block') {
document.getElementById(shID).style.display = 'block';
}else {
document.getElementById(shID).style.display = 'none';
}}}
And this is my current page in practice. [URL]. I'm assuming I might need an array but I need to stop it picking on every DIV and only the DIVs in my content area.