JavaScript Switch Content
May 27, 2006
I've been driving myself crazy the past couple hours and can't figure this out. Here is what I need to do:
Have a select box like this:
<select name="dropdown">
<option value="option1">option1</option>
<option value="option2">option2</option>
</select>
Then when one of those options is selected, the appropriate div tag is displayed:
<div id="option1">
Div 1 Text
</div>
<div id="option2">
Div 2 Text
</div>
This seems like it should be really simple to do, but I can't figure it out.
View 5 Replies
ADVERTISEMENT
Sep 24, 2007
Is there a way where I can "guess" what relative speed the user's
connection is?
Currently, the client is wanting some graphical intensive content and
I'd like to be able to warn users on dial-up to allow them to go to a
"gracefully degraded" version.
I thought of simply putting up a question for users to answer but the
client would rather it happen, more or less, automatically.
View 7 Replies
View Related
Jun 15, 2011
im trying to have two links at the top of a page one is FEED and the other is INFO when the page opens it should be on feed, and if i click info it switches to info and the feed button becomes available to click again, at this time hte page content should switch as well.
View 6 Replies
View Related
Mar 12, 2011
Im creating a javascript content expander and would like to know how to create it so it changed the image from an down arrows to open the box, and a down arrow to close the box.Here is my current code.
Code:
<script type="text/javascript">
//var persistmenu="yes"
var persisttype="sitewide"
[code].....
I want the <div class="rightnews"> thing to change from an up arrow to a down arrow.Here are the icons im using.for the box to contract:
for the box to expand.
View 1 Replies
View Related
Jul 21, 2007
I use a small piece of JS code to make different elements on the page show/hide when clicking a link, based on id:
function toggle( targetId ){
if (document.getElementById){
target = document.getElementById( targetId );
if (target.style.display == "none"){
target.style.display = "";
} else {
target.style.display = "none";
}
}
}
Then HTML looks like this:
<a href="#" onClick="toggle('news'); return false;">Show/hide news</a>
<div id="news" style="display:none">BlahBlahBlah</div>
This works. Initially the element is hidden (with style="display:none" property of the element), and the script gets its id and changes its display property to "block" when clicking on a link.
But when Javascript in a browser is turned off, the elements to show are all hidden, and there's no way to see the content of the element.
My question: is there a way to hide toggled elements on page load with JS, so that when it's turned off the hidden content is shown?
View 5 Replies
View Related
Aug 2, 2007
I am trying to embed content via javascript using the following code:
<script type="text/javascript" src="http://example.com/script.php"></script>
When I place the script.php in other servers it works fine (content can be viewed) except with one server, it doesn't return anything (just blank screen). What could be the possible problem, is it a hotlinking issue or something else?
View 8 Replies
View Related
Jul 28, 2007
I have a piece of code that I'd rather google's spider did not follow. Is
this possible please?
View 8 Replies
View Related
Mar 25, 2007
i made this javascript using the new "screen.width" property, which would make it easy to center content in a webpage no matter what the screen resolution is. Here it goes:
<html>
<head>
<script type="text/javascript">
function pos_center() {
var content = document.getElementById("carrier")
var width = screen.width
var contentwidth = content.offsetWidth
value = parseFloat((width - contentwidth)/2)
content.style.marginLeft = value }
</script>
</head>
<body
<div class="body" id="carrier">
</div>
</body>
</html>
The "body onload" makes the page first load all the way to the left, and then after completely loading switches the content to the center, that is dynamically gross.
Now, instead of using the "body onload", is there any other way that i can make the content appear. Seeing that there is no "onbeforeload", there must be another way to solve this.
View 1 Replies
View Related
Mar 26, 2003
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."
View 17 Replies
View Related
May 4, 2005
I have a company that has a group of companies under it. I plan to add 4 company logos on one front page, and when the user mouses over one of the logos, I want a table below to change and show a description of that company.
The images that they will be mousing over will also need to change, and the table that will change should be able to carry a static message such as "Hover your mouse over the logos above to find out more".
View 7 Replies
View Related
Sep 29, 2005
I would like to build an HTML page that has four content areas. The first with 3 links that when clicked chage what is shown in the other 3 - and so changing the default content in these sections. The content for these sections will be contained in seperate HTML files sitting on the same server.
I understand this can be done without refreshing the page and believe JavaScript and Ajax is the best method to do this. Any advice?
View 2 Replies
View Related
Jun 26, 2007
I'm sure some wizard will tell me this is a classic example of "piece of cake"; in which case I bow and promise to listen In case I've struck granite rock, feel free to throw questions my way and I'll tell you if I've tried it or not.
I have a file, main.php (I know this is the JS-forum, bear with me). It outputs HTML and inline Javascript functions. When the user clicks on a graphical "tab", that tab is activated, and an ajax call is made to fetch.php with some specific parameters. Once the ajax request has completed, a given innerHTML container on the now active tab is filled with the stuff that fetch.php outputs.
So far so good.
The problem is that the stuff that fetch.php outputs is partial pure HTML and partial inline javascript. And this is where it gets tricky. If I declare an inline javascript function in the returned data, Firefox (and I suspect MSIE) refuses to understand that the function is there. It simply doesn't exist (!).
Using the Web Developer add-on for Firefox, there's an option to look at "Source code" and "Generated source code". The output from these two differ in that when I view the "Generated source code", I see the dynamically inserted javascript/HTML from fetch.php, whereas viewing "just" the source doesn't.
What did I do wrong? How do I get the browser to find/accept/activate the javascript code/functions that were inserted dynamically? I cannot put them in a .js file and include it, since they need to be dynamically created, and I cannot use eval() since that executes javascript "as is", in which a function will not be executed unless called.
View 5 Replies
View Related
Jul 23, 2005
How can I scoll the content of an Ifram to a desire Position?
The function should be:
window.scrollTo(x,y)
BUT how do I have to use this function so that applies to the IFrame content.
View 1 Replies
View Related
May 30, 2007
i'm using a little "ajax" loader script to dynamically load files into
different "div" tags on my main site. the code for this part looks
like:
View 13 Replies
View Related
Jul 23, 2005
I have some function to Preload images and make MouseOver etc..
But when a put a Switch statement in one of my function (MouseOver), a
receive an error on body load in my preload function.. did someone have any
idea why ?
Here's my switch code :
function setOver(num)
{
var txt;
obj = eval('document.getElementById("image' + num + '")');
obj.src = imagesHover[num-1];
txt = '<img src="' + imagesInfo[num-1] + '">'
document.all("infoDiv").innerHTML=txt;
document.all["infoDiv"].style.display='block'
Switch (num)
{
Case 1: alert(num);Break;
Default: alert("hello");Break;
}
}
View 2 Replies
View Related
Mar 23, 2009
I'm trying to make an 'on' 'off' switch
the idea is for imgA to 'toggle' with imgB onMouseDown (onclick is used to call a function)
I can get the image to swap once but not back again. I have no idea if the way i'm attempting it is even close.
<script type="text/javascript">
function imgswap(){
if ( )
{
[Code]....
View 8 Replies
View Related
May 14, 2007
I'm trying to install a menu for my website. I am using a script I found here: http://www.dynamicdrive.com/dynamicindex1/switchmenu.htm.
The code works great, but I would like to customize it slightly. Instead of being a vertical menu, I would like it to be a horizontal one, with all the main links at the top of the page, and with each link opening a horizontal sub menu beneath it.
I managed to create a horizontal list by changing the 'div' to 'span' and altering the HTML and CSS slightly. Now I have a horizontal menu that opens submenus when I click!
My only problem now is that instead of opening each submenu below all the links, it opens it below the link in question. So, for instance, let's say I have three links: Info, About, and Contact. If I click on 'About', it opens up a submenu under Info and About, and pushes Contact down to a new line below the submenu. If I then click on 'Info', it closes the previous submenu and opens a new one below Info, with About and Contact in a new line.
My JavaScript skills are pretty poor, so I was wondering if someone could help me identify where in the JavaScript I need to make changes so that the the submenus open below ALL the menu elements. Code:
View 2 Replies
View Related
Nov 1, 2005
This is my first time using the switch statement. I would appreciate your suggestion on how to do this properly. I am trying to get customer age which is (age) and compare it with the monthly rate then the text msg will display in the textarea. Also, I am having trouble figuring out how I can defined my monthlyRate in the switch or do I need to this outside of the switch? Code:
}
View 10 Replies
View Related
Feb 2, 2005
im looking for a nice javascript cde which switch css link href when browser is detected.
View 9 Replies
View Related
May 31, 2007
I am using a switch function to toggle those links for display and unlink image will be hidden. But I have just duplicated the first block of javascript for the second tab, it didn't work. This is the first block of switch function, it works for first tab: Code:
View 4 Replies
View Related
May 6, 2010
I'm trying to make a printable version of a webpage using the css @media tag. On the page is a javascript which works great for the on-screen version but I need to find a way to switch it off when printing as it hides content.
Beyond building a separate page I can't think of anything obvious!
View 1 Replies
View Related
Jul 23, 2005
As I can remember this is not allowed in Java:
int x, y, z;
switch(x,y,z){
case 1,2,3:
System.out.println("Hep");
break;
}
But what about in JavaScript, or are there some other kind og syntax for switch?
View 2 Replies
View Related
Jun 25, 2011
If I have this code:
<div id="test" bla="1
">Hey</div>
<div id="test" bla="2
[code]....
View 6 Replies
View Related
Jan 17, 2010
I'm using a script that changes between 2 images when I click on the image: e.g. (An arrow that is pointing up and another that points down) When I click on the up arrow it changes to the down arrow and vice versa.
Now, when I click on the arrow it changes for the first time, but it cant be repeated. My goal is to let it change to the other image whenever i click it.
Code:
function changeMySrc(i) {
if (i == 1) {
document.getElementById("Img1").src="Images/up_arrow.jpg";
} else if (i == 2) {
[Code]...
View 5 Replies
View Related
Jan 15, 2009
ok lets see if i can explain this correctly...
i have a div up here and the id is inuse it chooses the first selection automatically to use
below that is a "menu" when one of the items are clicked it moves the information pulled via php from whichever one is clicked to the inuse div... as you can tell i am new to js and am trying to start out doing some different things with menu onlick items etc..
View 1 Replies
View Related
Sep 20, 2010
I have a few links on my website as follows: <a href="javascript:switchid('a6');">Link 6</a>but when I view source it comes out like this: <a href='javascript:switchid('>Link 6</a>
View 11 Replies
View Related