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.
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>
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.
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"
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?
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?
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?
This forum thread discusses the SitePoint article 'Re-Write a Layer's Content with Javascript' by Peter Todorov.
"How can you can replace the content of a Web page without additional requests to the server? The answer uses layers in JavaScript - Peter explains all."
I am using DW8 and using the "Set Text of Layer" function which I have used on several occasions but for some reason it fails to work in IE6. IE7 and FF it works fine.
View 9 Replies View RelatedI 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.
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.
In my course on website design we just started some JavaScript. In the very first assignment nothing shows in my browser. I have two questions:
Is there a way to get it to show in my browser so I can complete the assignment?
Is JavaScript widely unviewable? Here is the script I used:
<script language="JavaScript">
<!Hide from non-JavaScript browsers
document.write("Today is 12/15/2003<br>");
document.write("Only 10 days until Christmas");
//Stop hiding -->
</script>
how i can show an image in any point in my page?
View 1 Replies View RelatedHow can i do this i already have a function to show/hide elements with one link but how can i show/hide multiple elements
Here is the script:
function obj_ref(object)
{
if (document.getElementById)
{
return document.getElementById(object);
}
else if (document.all)
{
return eval('document.all.' + object);
}
else
{
return false;
}
}
function obj_toggle(object, open_close, open_text, close_text)
{
var object = obj_ref(object);
var icone = obj_ref(open_close);
if( !object.style )
{
return false;
}
if( object.style.display == 'none' )
{
object.style.display = ''
icone.innerHTML = close_text;
}
else
{
object.style.display = 'none'
icone.innerHTML = open_text;
}
}
I was calling a function in a js file from an image onClick event, but
someone still using Netscape 4 (!) complained that it didn't work. I
read that img onClick doesn't work in Netscape 4, so swithced it to
"javascript:show(...);" and the code works, but I read in this group
that it was not wise to do that, here's the working version, using the
not recommended approach:
<a href="javascript:show('art_2.jpg',÷»',ò^');" target="_self">
I'd appreciate any suggetions that will let me call the "show" function
from an onClick image event that will work in most IE/Netscape 4+ browsers.
JSviewer is a robust, highly configurable, dynamic HTML image viewer written in JavaScript. You can create a slide show with JSviewer in a matter of minutes. JSviewer was designed to be easy to use for both web masters and end users, yet have very powerful features. JSviewer supports keyboard controls for controlling slide shows. Using the keyboard, you can turn image descriptions on or off, move buttons to the top or bottom of the window, make images appear randomly, and much more.
View 17 Replies View RelatedI am trying to make a banner the size of the with of my screeen, in
a layer.
BUt I also want to fade it to a complete transperency to reveal the contents
of what's behind it (my page ofcourse) and possible close or hide the faded
layer.
I've seen stuff like that happen in a flash everonment. I was thinking about
using a transition at first to go from one page to another with an
introductory page.
But I rather have everything on one page and just fade the introdutory layer
into the page. Is that too much work for jscript?
I have a strange behaviour when applying onmouseout to a layer. it is
not trigged when the pointer goes out of the _layer_ but when it goes
off the _text within_ the layer.
I want to create a layer that 100% wide, 200 px high and stays at the
bottom of the screen, even when the page is scrolled, how do I do this?
I have seen it on websites but can't find any example code ...
Can someone please tell me how to print a single layer?
View 3 Replies View RelatedI have written a javascript routine that populates a parent document
with a series of <iframe>s. Each <iframe> receives its contents from a
series of separate smaller HTML files. Of course my NN 4.8 browser
doesn't deal well with the <iframe> so I wrapped the code that generates
the <iframe> in <ilayer> tags. NN now recognizes the contents.
However within each of the 'content' files I have another javascript
routine that basically displays the file name (via document.URL &
document.write) of the content file. My IE 5.5 & Mozilla 1.5
understands this perfectly. However my NN responds to the document.URL
with the wrapper/parent document's URL, not it's own unique file name.
I've named/ID'd the iframes & ilayers. If the document.URL fails I can
still make use of the ilayer ID but I need to know the index into the
layers array. I can hard-code a index value into the
document.layers[x].name but given that the position of the particular
content file is dynamic within the parent, the index is going to be
wrong 9 out of 10 times. There doesn't seem to any way for an i/layer
to know who it is Code:
I want a scrolling JS layer (not CSS) am trying to fit it into an already existing site design which the client doesn't want to change. It works fine when i try it on a new page but the moment I put it into my actual page where it has to fit into a particular are (I used the overflow: hidden it doesn't behave!!
View 13 Replies View RelatedI've got a web page which uses lots of divs to position the content of the
page and I'm using a nice javascript to alter the css of a table of links.
The thing is I don't want the table of links to point to an external site
but to calla function which will replace the content of a layer... perhaps
it's be better if I showed you the code:
I am using javascript to open a new window like this:
printpreview=window.open('printview.php','printpre v','width=600,height=600');
The new window has a layer called preview:
<div id="preview"></div>
I am now trying to write to that layer using innerHTML = "blah bla";
How do I refer to that layer?
I have an image on a web page within a css layer:
<DIV ID=MyLayer
STYLE = "position: absolute;top:68px; left:563px;
width:640px;height:480px;">
<IMG src="ReportImageBox_12.54.52.png" width=640 height=480></IMG>
</DIV>
I need that the parts of this layer which have a certain color
(for instance "white") be rendered transparent.
My question. Is it possible to have a simple javascript function
to incorporate in the web page which does this?
I was wondering if it was possible (and if so how) to put a layer ontop
of frames. What I mean is that I would be able to put anything,
including tables ontop of frames so that it could go ontop of two
frames at once, independent of everything else.
Also if it is possible, how would I make it stay still, evenwhen the
page is scrolled... like so that it doesn't even giggle or anything it
stays fixed..
Also, on another subject how would i make it appear next to the top
right hand corner of a cell in a table?