Getting Onclick To Show Hidden Layer?
Mar 1, 2010
I want the hidden layer to open when the visitor clicks and stay open until they click the close x. I can get the hidden layer to show onMouseover, but not onclick.
Code:
<script type="text/javascript"> // Copyright 2006-2007 javascript-array.com var timeout= 500; var closetimer= 0; var ddmenuitem= 0; // open hidden layer function mopen(id) { // get new layer and show it ddmenuitem = document.getElementById(id);
[Code]....
I find script that does something similar and adapt it to do what I need it to do. Usually, I can work it out on my own - but I have been working on this for several days now.
View 2 Replies
ADVERTISEMENT
Nov 23, 2009
im trying to hide a div on page load,ive used this.
<script type="text/javascript">
function hideDiv(){
document.getElementById('sidebar').style.display = "none";[code].....
and this in the body tag
<body onload="javascript:hideDiv()">
it works fine hiding the div named sidebar, problem comes when i try to then use an Onclick event to show the hidden div, it just wont show.can this be done?
View 2 Replies
View Related
May 18, 2010
I have a vertical navigation menu with the basics (a <ul> with four <li>) but I need one of these list elements to slide to the left and when it finishes show or slide down a nested <ul> with its own li that is now hidden with display: none. and when I click again the first list element I wish everything to close back. or alternatively to close with a timeout. so far I got to this:
$(document).ready(function(){
$("#gioca").click(function(){
$("#gioca").animate({ left: "+=400" }, 1200)
[code].....
View 2 Replies
View Related
Apr 22, 2002
I have this bit of javascript:Code:
function toggleVisible(divname) {
divstyle = getDivStyle(divname);
if (divstyle.visibility == 'visible' || divstyle.visibility == 'show') {
divstyle.visibility = 'hidden'
} else {
fixPosition(divname);
divstyle.visibility = 'visible'
}}
The problem is I need this function to turn all other visible layers to hidden.... Does someone know how to refer to all layers in a document and turn their visibility to hidden? I can then call that function from the above...
View 5 Replies
View Related
Mar 27, 2010
The left hand layers make one right hand layer visible via onMouseOverIf one of the list boxes is clicked the drop-down list appears as per "select" function.it stays visible until any part of the window is clicked again. This makes clicking a bit more laborious when changing to the next listbox.BUT if the layer is switched (by hovering over a different onMouseOver position) the visible drop-down list remains visible until the window is clicked again.I can't see any attribute/parameter that will hide this list in JavaScript.I can set the selectedindex when the list is clicked eg
Code:
function sfm_goto(loc,obj5){ //v3.0
var obj10 = findObj(obj5);
[code]...
View 2 Replies
View Related
Apr 23, 2001
I'm wondering if it's possible to have a location link and layer function assigned to a link at the same time. I can't get this to work:
<a href="http://www.domain.com" onClick="return layershow()">CLICKHERE</a>
I want to open the page specified by the href and call the layershow function at the same time. The above code runs the function fine, but seems to ignore the href.
How can I get it to do both?
View 2 Replies
View Related
Jul 20, 2005
Can someone help me figure out how to show a hidden layer *ONLY* if the
browser is IE for windows? I want it to remain hidden for everything else,
Netscape, Opera, Mozilla and anything for Mac. I'm not having much luck
out here.
View 4 Replies
View Related
Feb 10, 2006
Below code creates a tabbed navigation. Works well. But how do I set it up so Tab 1 shows when the page is loaded?
Code:
<script type="text/javascript">
function initShowHide() {
if (document.getElementById && document.getElementsByTagName && document.createTextNode) {
hide();
var toggle = document.getElementById('toggle');
var as = toggle.getElementsByTagName('a');
for (var i = 0; i < as.length; i++) {
as[i].onclick = function() {
show(this);
return false;
}
}
}
}
function show(s) {
hide();
var id = s.href.match(/#(w.+)/)[1];
document.getElementById(id).style.display = 'block'
}
function hide() {
var toggleable = document.getElementById('toggleable').getElementsByTagName('div');
for (var i = 0; i < toggleable.length; i++) {
toggleable[i].style.display = 'none'
}
}
window.onload = initShowHide;
</script>
<style type="text/css">
#tabsB {
width:100%;
font-size:93%;
line-height:normal;
}
#tabsB ul {
margin:0;
padding:2px 10px 1px 0px;
list-style:none;
}
#tabsB li {
display:inline;
margin:0;
padding:0;
}
#tabsB a {
float:left;
background:url("tableftB.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsB a span {
float:left;
display:block;
background:url("tabrightB.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac */
#tabsB a span {float:none;}
/* End IE5-Mac hack */
#tabsB a:hover span {
color:#000;
}
#tabsB a:hover {
background-position:0% -42px;
}
#tabsB a:hover span {
background-position:100% -42px;
}
</style>
</head>
<body>
<table width="50%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<tr>
<td><div id="tabsB">
<div align="left">
<ul id=toggle>
<li><a href="#1"><span>1 </span></a></li>
<li><a href="#2"><span>2</span></a></li>
<li><a href="#3"><span>3</span></a></li>
</ul>
</div>
</div></td>
</tr>
<tr>
<td bgcolor="#F7F7F7" style="border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;">
<div id="toggleable">
<div id="1">Tab 2</div>
<div id="2">Tab 2</div>
<div id="3">Tab 3</div>
</div></td>
</tr>
</table>
View 1 Replies
View Related
Jan 30, 2009
I'm looking to show/hide a layer in a 5 second rotation.
IE: For 5 seconds the layer is shown, then the next 5 seconds it is hidden, the next 5 seconds it is shown, the next 5 seconds it is hidden... {ad nauseum} - you get the idea.
How could I accomplish this with JavaScript? The layer id="overlay"
View 2 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
Aug 6, 2005
Found a simple script to show and hide layers. Using this to have an ad with 60px height and onMouseOver 350px
function adtechhideElement(elmID)
{
for (i = 0; i < document.all.tags(elmID).length; i++)
{
obj = document.all.tags(elmID)[i];
if (! obj || ! obj.offsetParent) continue;
obj.style.visibility = "hidden";
}
}
function adtechshowElement(elmID)
{
for (i = 0; i < document.all.tags(elmID).length; i++)
{
obj = document.all.tags(elmID)[i];
if (! obj || ! obj.offsetParent) continue;
obj.style.visibility = "";
}
}
but the thing is this doesn't work in firefox/mozilla.
Where should I alter this to get it working in firefox?
View 3 Replies
View Related
Apr 4, 2002
Layer writing in Netscape. This is pretty straightforward >> However I'm trying to write to a <div> layer within a <div> layer.
My div:
Code:
<div id="blah">
<div id="aight">
</div>
</div>
I'm trying to write to "aight"
How should my code look?
View 3 Replies
View Related
Aug 16, 2010
I am trying to develop an exam system.Find my code below.I request you to copy the code and save it as an html file .I have 2 problems:
1. Kindly notice that when the quiz is loaded,it shows both the questions by default.I want only question 1 to be visible when the quiz loads.What happens presently is that ,both questions are visible even after I click on the link
Q.1( referring to question 1).However,when I click on
Q. 2,then only question 2 can be seen and then(after clicking on Q.2) if I click on Q.1,then only question 1 can be seen
What I want is that when the page loads only question 1 is visible.Then when I click on Q.2,I can see only question 2 and when I click on Q.1, I can see only question 1.I later plan on adding many questions,so it should be a general solution rather than a solution good only for 2 questions.
2.Also,what I want is that,if someone selects any of the answers of a particular question,it's link color should turn green to indicate to the user that he answered that question.So for,instance,if I select an answer to the first question(select one of London,New York,Seattle,Washington,Chicago), the link Q.1 should turn green.
View 3 Replies
View Related
Jan 30, 2009
I have created a floating layer using Javascript that remains always on top of page on scrolling.Issue is,at some point while scrolling,the layer flickers continuously.
The html page is as follows:
Many common software systems, JavaScript has a history of security problems. Many of these problems could allow a person with malevolent intent to steal sensitive information from a visitor. The number and type of such holes in security vary among browsers and operating system versions. Most JavaScript security holes have been caught and fixed, but new ones are being discovered all the time. For a list of current security holes check out your browser's and operating system's Web pages. As a Web site author, it is your responsibility to keep up-to-date on the current status of known security holes in the applications you create.
Signing Scripts. In Chapter 11, I explained that JavaScript does not provide the ability to directly access files on the client computer. This can be a very large hurdle to overcome if you're trying to upload a file to a server from the client computer. Fortunately, file uploading is one of many functional enhancements that signed scripts provide. Signed scripts are specially packaged scripts that have been verified and signed to be correct and non-threatening. These scripts have additional rights on the client computer that allow a programmer to do many things that he wouldn't otherwise be able to.
With the introduction of Netscape 4.0, a new security model was put in place that would allow digitally signed scripts to bypass some of the restrictions that had previously been placed on them. A signed script can request expanded privileges from the visitor and, with the visitor's permission, gain access to restricted data. A signed script requests these additional permissions through LiveConnect, which allows your JavaScript code to communicate with the Java Capabilities API. The security model allows JavaScript to access certain classes in Java in order to extend its functionality while still maintaining tight security for the client.
A digital signature is a fingerprint of the original programmer, and it allows the security model of the browser to detect where (or from whom) it originated. A script signer can be a person or an organization. By signing a script, you acknowledge yourself as the author and accept responsibility for the program's actions. A signed script contains a cryptographic checksum, which is just a special value that ensures the signed script has not been changed. When a digital signature is detected, you are assured that the code has not been tampered with since the programmer signed it.
Once you finish writing a script, you can use the Netscape Signing Tool to digitally sign it. Signing a script does the following:
Unambiguously assigns ownership of the script to a person or organization.
Allows an HTML page to use multiple signed scripts.
Places the signed script into a Java Archive (JAR) file.
Places the source of the script in the JAR file.
Once a user confirms the origin of the script and is assured that it has not been tampered with since its signing, he or she can then decide whether to grant the privileges requested by the script based on the validated identity of the certificate owner and validated integrity of the script.
JAVASCRIPT FILE IS AS FOLLOWS:
AND CSS FILE IS AS FOLLOWS:
At some point while scrolling,the div 'movable' flickers continuously,while at some other point,it is perfectly stable.
View 11 Replies
View Related
Sep 21, 2006
I have a form with multiple submits and each one needs to set a hidden form value to a different value. I guess i can do this with an onclick, but have failed so far to discover any code that might do this.
View 1 Replies
View Related
Nov 29, 2011
I have a hidden div containing a table. When the user enters a number into a text field and presses submit, the div containing the table appears. That's what is suppose to happen anyway. I am using an onclick function within the submit button to change the css display from none to block. The javascript is not executing.
Code:
How many devices do you want to register?
<input type="text" name="rows" id="rows" size="2" >
<input type="submit" name="submit" value="Enter" onclick="showRows();">
The javascript is
Code:
function showRows() {
var numRows = parseInt(document.getElementById('rows').innerHTML);
if(numRows != "") {
document.getElementById('Table').style.display = 'block';
} else {
document.getElementById('Table').style.display = 'none';
}}
Am I going about this the right way?
View 1 Replies
View Related
Jul 9, 2009
I am reposting a question because my previous post went a bit wild and I didn't get my answer... I'll try to be more precise this time...I have a PHP page in which I query a mysql db, displaying the results in a table. For each line, I have a button that I want to click to open a new popup window and pass 2 variables to that new page. I use the onClick event. Values for these 2 variables are different for each line (each button). See code below.My question is: is there a way to pass these 2 variables and values to the popup window without displaying them in the URL?Here is the first page code:
<table width="100%" cellpadding="0" cellspacing="0">
<?
$sql = "select * from LNA_TEAMPLAYERS as A inner join LNA_PLAYERS as B on A.PLAYERID = B.ID_LNA_PLAYERS
[code]...
View 3 Replies
View Related
Jun 6, 2011
I would like to change the value of a single hidden input onclick. The possible values are text, email and URL.I've tried all kinds of "ways" (inline and in function in a variety of ways,) but nothing. I stripped it down one last time to give it another go, but realize I'm out of ideas, so the code below is simply where I've thrown in the towel.Can someone make this work with a JS function, so that each link may be clicked and change the hidden input's value to the respective value?
View 3 Replies
View Related
Apr 23, 2010
I have a page with a div that is hidden until clicked on, and can be hidden if clicked on again (at least that is the goal).
The html looks like:
HTML Code:
I currently have the following javascript:
Code:
My goal being to click on the main <div> and show the content in the <span> and change the image, and then clicking again returns it to it's original (hidden) state. I have been able to successfully show the <div> but can't get it to hide again. And when troubleshooting it using Firebug it shows that clicking on the <div> is simply removing the class that hides it, leaving no class, and definately not replacing it like I am trying to do. Any ideas why the second click is not producing ANY results? Also, if I get it working I have thought that by making the entire <div> have the onClick handler if someone tries to click inside the unhidden <span> (for links or to click in a search box) would result in hiding the <span> rather than following the link or focusing on the input box. Is there any possibility for that?
The main reason handled the <div> is because there will be multiple sections that I would like to reuse the function on, and creating an id for the <div> and then referencing this.id was the first way I was able to get the functionality that I currently have.
View 2 Replies
View Related
Aug 19, 2010
When you select multiple <div> get the value of each one and save in separate hidden fields accordingly.
What needs to happen is. Click div 1 --> if hidden field1 value is "none", save there, else check hidden field 2 if that's "none" save in hidden field 2
Click div 2 --> if hidden field1 value is "none", save there, else check hidden field 2 if that's "none" save in hidden field 2 Here's what I've come up with so far (currently I'm using JQuery)
The problem with this is that no matter what div I click in which order it only updates the 1st hidden field :(
[Code]...
View 1 Replies
View Related
Dec 9, 2009
I would like to have an anchor link with hidden text. When I click on the anchor link, I want to see a text drop below showing the Keep trying information. It keeps giving me "object expected" error message. What object I need to put in there. Here is the code:
[Code]...
View 2 Replies
View Related
Mar 2, 2011
Does jquery offer a way to show whether a div is hidden or visible?
I have a routine where the div is getting hidden when it should be visible and I am trying to create a debug to show the current setting of the div.
View 2 Replies
View Related
Apr 9, 2010
I am creating a slide show and have placed a <div> with an id ofbg and a <ul> inside it.Each <li> has a class ofbg-image as well as an<input type="hidden" value="./page backgrounds/bg1.jpg">. There are 8 images. I have placed my HTML my CSS and local JS.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
[Code].....
View 2 Replies
View Related
Jul 29, 2010
I have several divisions with a hidden division within them, like this:
[Code]...
With that script, if I click on one of the parent divisions ALL of the hidden divisions are shown. That's not what I want. I tried several variations of the script using (this), but I just kept getting errors.
View 3 Replies
View Related
Jul 3, 2009
I got this script of the internet that toggles a hidden div on/off. I have converted this script into a drop down menu so the hidden div is the second level of the menu and is floating above the rest of the content. how to go about modifying the script so that the hidden div is hidden again when i click anywhere on the page other than the div itself instead of having to toggle it.
HTML:
CSS:
JAVASCRIPT:
View 5 Replies
View Related
Jul 22, 2011
So I just finished developing a big app in FF, Chrome adn Safari where everything works great. I switched to IE expecting maybe a few bugs, but almost NONE of my jQuery works. Just to test I put together a simple page to test basic jQuery and it still doesn't work:
[Code]...
I just have a hidden div on my page and want to show it and it doesn't work.
View 7 Replies
View Related
