Hide Div When Click Anywhere In Browser
Jul 5, 2006
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>
View 2 Replies
ADVERTISEMENT
Mar 8, 2010
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 Related
Aug 15, 2011
I 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.
View 3 Replies
View Related
Aug 3, 2009
I have to hide the url from bowser. I want to hide real URL and display to the specific URL on browser.
View 3 Replies
View Related
Nov 25, 2010
I want to hide the browser address bar when open a new window. I can hide menu bar, status bar, etc except address bar.
View 5 Replies
View Related
May 10, 2010
I want to hide the browser address bar when open a new window. I can hide menu bar, status bar, etc except address bar.
View 4 Replies
View Related
Jan 21, 2011
Why does a comment tag hide the havascript if the browser does not support javascript? I thought comment tags were for comments not to hide things...
View 4 Replies
View Related
Jun 30, 2006
Since the code is triggered ever onclick event it may be resource hungry on large pages.
I guess desired upgrades to suit it more for general purpose and reuse would be:
1> Replace document.write with a way of altering the CSS class rule property. Hard part on this after reading quirksmode would be in targeting the CSS rule in a cross browser, not to intensive way.
2> Find a better cross browser trigger attachment than the current firing on every click.
<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Spinner Test</title>
<style type="text/css">
<!--
.spinnerContainer {}
.spinnerLink {cursor: pointer;}
.spinnerContent {display: block;}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
document.onclick=function(evt){
//Credit to Beagle and coding forums http://www.codingforums.com/showthread.php?t=90062
if(!evt){evt=window.event;} // *** IE fix ***
var spinner;// *** element that got clicked ***
// *** Credit to PPK from quirksmode.org for this block ***
if(evt.target){spinner=evt.target;}
else if(evt.srcElement){spinner=evt.srcElement;}
if(spinner.nodeType==3){spinner=spinner.parentNode;} // defeat Safari bug
if(spinner.className=='spinnerLink'){
var contentDiv=spinner.nextSibling;
if(contentDiv.nodeType==3){contentDiv=contentDiv.nextSibling;}
//Action
if(contentDiv.style.display!='block'){contentDiv.style.display='block'}else{contentDiv.style.displa y='none'}
}//from: if(spinner.className=='spinnerLink'){
}//from: document.onclick=function(evt){
document.write('<style type="text/css">.spinnerContent {display: none;}</style>');
</script>
</head><body><br/><br/>
<div class="spinnerContainer">
<span class="spinnerLink">SPIN!</span>
<div class="spinnerContent">Content</div>
</div>
<br/><br/>
<div class="spinnerContainer">
<span class="spinnerLink">SPIN! 1</span>
<div class="spinnerContent">Content 1</div>
</div>
</body></html>
View 1 Replies
View Related
Jun 17, 2005
I'm using the scroll function with a layer containing a graphic that sits over the slider on the y axis. This works fine in IE but overhangs the lower scrollbar arrow in Netscape, Firefox and Opera, killing its functionality, so I'd like to hide it in these browsers.
Could someone show me the best way to work a function that says (taking the layer ID as 'Bar')
IF browser = IE
THEN 'Bar' = visible
or (better?)
IF browser <> IE
THEN 'Bar' = hidden
And how should I allow this to behave in Safari?
View 19 Replies
View Related
Dec 24, 2006
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.
View 4 Replies
View Related
Jul 13, 2003
How can I disable the broswer click sound, when clicking on a link, using JavaScript (or something else)?
View 5 Replies
View Related
May 4, 2005
Soliciting thoughts on the best way to determine the position of a click event.
Here's what I'm using right now but it's not working:
Code:
function getMousePosition(evt)
{
var x, y;
if(evt.pageX)
{
x = evt.pageX;
y = evt.pageY;
} else if (evt.clientX)
{
x = evt.clientX + document.body.scrollLeft - document.body.clientLeft;
y = evt.clientY + document.body.scrollTop - document.body.clientTop;
}
if(document.body.parentElement && document.body.parentElement.clientLeft)
{
var b = document.body.parentElement;
x += b.scrollLeft - b.clientLeft;
y += b.scrollTop - b.clientTop;
}
alert(x + ',' + y);
return [x,y];
}
The coordinates are WAY off in both firefox and IE. Can someone fix this?
View 16 Replies
View Related
Jul 25, 2011
The issue is that I want to hide a div tag once click anywhere else, exactly like Jquery UI Datepicker.
View 12 Replies
View Related
Jul 21, 2010
I 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.
View 2 Replies
View Related
Sep 2, 2009
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.
View 2 Replies
View Related
Aug 12, 2011
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.
View 3 Replies
View Related
Jul 23, 2005
I would like to disable the ability of the user hold control and click
and get the dropdown menu. I am ultimately discouraging users from
easily getting a copy of the image. I was able to do this and disable
dragging on all browsers I have tested except Safari (Mac).
Code:
View 5 Replies
View Related
May 8, 2010
I dont know whats the problem with the following codeHtml:
<form>
<input type="button" value="Go Searching!" id="btn1" /><br /><br />
<input type="button" value="HTML Help" id="btn2" /><br /><br />
[code]....
View 2 Replies
View Related
May 14, 2011
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].....
View 1 Replies
View Related
Nov 19, 2010
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?
View 2 Replies
View Related
Aug 6, 2011
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..
View 1 Replies
View Related
Oct 2, 2010
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 Related
Nov 16, 2005
I'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 Related
Oct 23, 2009
We have a testing application that displays a timer on the screen using Javascript. It seems to be working very well. However, someone brought to my attention today that if you click-and-hold the browsers close button in the upper right corner (the X button in Windows) that the timer will stop. You can then slide your mouse cursor off of the button, and the browser will not close, but the timer was stopped for the entire time that the button was being held down. This also works for the Minimize and Maximize buttons.
View 7 Replies
View Related
Oct 24, 2005
Between the head tag of html:
<script type="text/javascript" src="js-bin/silent_refresh.js"></script>
In a javascript named silent_refresh.js: (make sure the script is in a folder called 'js-bin')
window.onload = doLoad;
function doLoad()
{
setTimeout( "refresh()", 60*1000 );
}
function refresh()
{
window.location.reload( false );
}
The page will refresh every 60 seconds - Just alter the 60 to whatever time you require.
View 24 Replies
View Related
May 28, 2006
Does someone knows how i can show/hide multible divs at one click?
View 2 Replies
View Related
