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

Switch Content If Low Bandwidth

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

Using JS To Switch Page Content?

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

Switch Image On Expanded Content?

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

Toggle Content Script: Content Shown When JavaScript Is Off

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

Embedding Content Via Javascript

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

How Do I Hide Javascript Content From Googlebot?

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

Content Positioning W/ Small Javascript

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

Re-Write A Layer's Content With Javascript

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

Mouseover Javascript To Change Content In A Table

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

Dynamic Content Areas - JavaScript & Ajax???

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

Dynamic Content Replacement Using Ajax/Javascript/PHP

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

=> Scroll IFrame Content To Desired Position (JavaScript)

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

Dynamical Loading Of Html Files And Executing Of Its Javascript Content.

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

Switch Problem

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

Make An 'on' 'off' Switch

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

Switch Menu

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

Switch Statement

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

Switch Ie/firefox Css

Feb 2, 2005

im looking for a nice javascript cde which switch css link href when browser is detected.

View 9 Replies View Related

Switch Function

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

Switch Off A Js When Printing?

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

Multiple Arguments In Switch?

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

JQuery :: Switch Position With Other Div?

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

Continuously Switch Between Images?

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

Switch Information On Click?

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

Switch ID On Link Not Working?

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







Copyrights 2005-15 www.BigResource.com, All rights reserved