InnerHTML Not Expanding Page?

May 21, 2010

I have the following code:

<li onclick="javascript:showdesc('This is info about trucking', 'truck');">Trucking</li>
<div id="trucking"></div>
<li onclick="javascript:showdesc('This is info about bulk delivery', 'bulk');">Bulk Delivery</li>


This all works good, however when I click on some of these it just moves the text down the page but it doesn't expand the column and the text at the bottom just gets pushed down past the page.

View 1 Replies


JQuery :: Expanding Accordion Moves Other Page Content To The Right?

Nov 15, 2011

I have an odd issue for which I hope someone has a solution. I'm using the jQuery accordion to display a list of links in the left column of a table. When I click to expand the accordion in the left column, the table data in the right column moves to the right for a moment and then moves back to it's original position when the accordion finishes expanding Here is a link to the page:

View 1 Replies View Related

Jquery :: #page Div Not Expanding To Fit Content Using Local Scroll

May 25, 2010

I'm using the localscroll jquery plugin to scroll through content in a div by using an unorder list navigation. I have the containing div (#page) set at a certain height and the overflow set to hidden.. the problem I'm having is I want the #page div to be elastic so that it grows and shrinks to fit the child div it scrolls can view the scroll plugin in use here:


its activated using the product list nav toward the bottom of the page on the left.How would I set it up so that the #page div shrinks or grows to contain the full visable size of the child div (.scroll1, .scroll2, .scroll3, scroll4 etc)

View 9 Replies View Related

Expanding Menu To Stay Expanded When Click A Link To Go To Another Page While Navigating?

Jun 29, 2010

I am doing an internship at a company and am working on an existing site. The Company wants the expanding menu to stay expanded when you click a link to go to another page while navigating. I am very new to Javascript, CSS, and html and could really use some insight or code example.

// JavaScript Document
/* This script and many more are available free online at
The JavaScript Source ::


View 1 Replies View Related

InnerHTML - Display Only Text To Page

Sep 17, 2011

.innerHTML is used when you trigger an event but if you just want to display the text how would you go about do it? I don't want to used document.writeln because it will "Wipe out all the contents" of that page. So I have some HTML text and javascript text. I would like both to display on my page.

Here's my code
<script type="text/javascript">
function display() {
document.writeln("How do I make both text appear");
<body onload="display()">
I would like this text in the body to remain.
<script type="text/javascript">

View 1 Replies View Related

JQuery :: Get And Display InnerHTML Elswhere On The Page?

Jun 24, 2011

I have some radio buttons, for example<label><input type="radio" id="unitedStates" name="country" value="US">United States</label>They show the selected value, e.g., United States, with the radio button, but elsewhere on the page, I want to state the selected country in a paragraph statement.The following jQuery statement

$('#selectedCountry').text("Selected country was:"+ $('input[name=country]:checked').html());

puts Selected country was: on the page, but it does not concatenate in the innerHTML of the selected radio button.How do I get Selected country was: United States to appear?

View 2 Replies View Related

Expanding Images

Apr 4, 2005

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">
<title> grow test</title>
<meta HTTP-EQUIV="content-type" CONTENT="text/html; charset=UTF-8">
<script language="JavaScript" type="text/javascript">
var img_width = 100;
var timer = null;

function imageGrow(imgid)
var growImg = document.getElementById(imgid).style;
growImg.width= img_width+'px'

if(img_width < 500)
img_width += 10;
timer = setTimeout('imageGrow("' + imgid + '")', 60);
document.getElementById('contrlD').style.display = "block";
document.getElementById('contrl').style.display = "none";

function imageShrink(imgid)
var growImg = document.getElementById(imgid).style;
growImg.width= img_width+'px'

if(img_width > 100)
img_width-= 10;
timer = setTimeout('imageShrink("' + imgid + '")', 60);
document.getElementById('contrl').style.display = "block";
document.getElementById('contrlD').style.display = "none";

function changeSize(imgid)
if(img_width <= 100)


<div id = "container" style = "text-align:center; ">
<div id = "contrl">Click image to enlarge it</div>
<div id = "contrlD" style = "display:none;">Click image again to restore it </div>
<img src = "0.jpg" id = "imageResize" name = "imageResize" onclick="changeSize(" />
<img src = "1.jpg" id = "imageResize1" onclick="changeSize(" />
<img src = "test.jpg" width = "100" id = "imageResize2" onclick="changeSize(" />
<img src = "snow.jpg" width = "100" id = "imageResize3" onclick="changeSize(" />

<div id = "content" style = "position:absolute; top:400px; left:10px; background:blue; width:100%;">
Content of page here!!

I hope this is usefull to someone. Page validates and works in IE and FF.

View 16 Replies View Related

Trying To Get An Expanding Div To Work.

Apr 17, 2005

I have been trying to get a simple javascript that expands and collapse's a set of div's. Now this works a treat in its own html file. but when I use the div's in the product display the javscript doent work?? :-( anyone know why??

My shopping cart is template and database driven, with each part having its own template file. the divs are in the product discription which is pulled from the database.

View 3 Replies View Related

Expanding And Collapsing

Jul 25, 2007

Is there a way to expand and collapse in JavaScript? What's the best way?

View 1 Replies View Related

Expanding Popdown Combos

Jul 23, 2005

I have a form with a drop down combo box of a specified size. However,
I would really really like it if the user was looking at the contents of the
list it would expand to fit the text in the list. However, I believe
that IE does not allow the rendering of popdowns in this manner!

Is there some other way that I can do this using javascript and html/dhtml maybe?

View 1 Replies View Related

JQuery :: Small With Expanding Div?

Aug 14, 2011

I'm very new to JQ, I was looking for a solution to expand a div on mouse hover from its center to display some dynamic text wrapped in a code tag, I found and tried to fit to my needs this little piece of code, however is not exactly what I'm trying to do.


View 1 Replies View Related

Expanding Navigation Roll Over?

Jan 24, 2011

Can anyone show me the code for a simple expanding navigation bar? I need to roll over the nav bar and for it to drop down with more options.

I know the code will be straight forward, I can't work it out though.

View 1 Replies View Related

Expanding / Collapsing <div> Tags

Sep 29, 2006

Ive got the follwoing javascript code that will expand/collapse a section of my site that is enclosed within a <div> tag.

function showorhide(id) {
if (document.getElementById(id).style.display == "none")
document.getElementById(id).style.display = "block";
document.getElementById(id).style.display = "none";
I am using 2.0 to code my site with, the above code works fine (example below:

<a href="#" Personal and Contact Details</a>
<div id="basicdetails">

All that is enclosed within the <div id="basicdetails"> is expanded / collapsed.

HOWEVER, im geting a few problems with this method: 1. On a page load, the div tags are always displayed, is there any way of having them collapsed on page_load?

2. When i put 2 seperate <div> tags (i.e. 2 seperate expand/collapse sections on the same page), one is collapsed and one is expanded, when working within the expanded one and a button is clicked (for saving of info from a form), both divs are then expanded?

View 10 Replies View Related

Expanding An Embedded Object?

Jun 7, 2010

I've created an ad unit which is to be embedded on other sites. In this ad unit are links which when clicked upon, as supposed to lightbox the link using lightview over the whole page, not just inside the ad unit embed.

I've used iframe and object tags and the result is that the content always opens inside the object frame. Is there any way, other than a flash embed which expands, to do this? Basically, what I'm looking for is a non-Flash ability to overlay something over the whole page (or at least expanded outside of the embed)

View 2 Replies View Related

Expanding / Collapse Specific Div Tags

May 29, 2006

Im just starting to get into javascript, and what I am trying to do is
find a script that I can run on page load that will collapse / hide all
div tages that have an id that begins with "div_".

Basically I have a page with an infinite amount of div tags each having
their own id, ie div_0 , div_1 etc etc ..

on page load i want them all closed, but only these ones . not any
other div on the page .. how would I be able to do this ..

View 2 Replies View Related

JQuery :: Click To Keep Expanding Size Of Div?

Jul 17, 2009

I have a div which I want to increase in pixel size by 10px each time a button is checked. The change in size needs to be animated. At the moment, I can only get it to increase to a fixed dimension:

width: "10px"


How do I get it to keep expanding by 10px each click?

View 6 Replies View Related

JQuery :: Expanding DIV In Specific Direction

Mar 11, 2010

I have a div, and a container div. This div is my footer. I want to beable to slide items up out of the footer. However, when I use the toggle() and use marginTop/marginBottom it slides perfectly, but only expands the div downwards thus causing scrollbars to appear. Is it possible to define which way you would like a div to expand?

So just to be clear here is my code:<style>
border:1px solid #f00;
height:32px !important;
background: url('../../img/footer/footer_bg.png') repeat-x;
font-family:Arial, Helvetica, sans-serif;
<div id="footer-container">
<div id="footer">
some contend links etc..

As you can see from above there is an overflow of hidden set to the container div. The footer div has a height of 32px and bg image. The only way I can get this to work is if I put a postion:fixed on the #footer. This is not what I want, because it then remains on top/in position when scrolling the page. Is it possible to set a div's expansion direction in jQuery? The above expands the div downwards. I would like to expand it upwards.

View 7 Replies View Related

JQuery :: Expanding The First Nodes Upon Load?

Feb 5, 2010

I'm using jquery file tree and was wondering if anyone knew how one would go about expanding the first nodes upon load?[URL]...

View 1 Replies View Related

JQuery :: Expanding Menu Not Working

May 7, 2011

If I use jQuery 1.2.6 it work, but if I use last version 1.6 it stop working.

$(document).ready(function() {
$('> div.subnav').hide();
$('> div.navhead').click(function() {

View 3 Replies View Related

Expanding Table With User Interaction?

Aug 30, 2009

how to embed YouTube videos into a vBulletin installation of mine. How would I go about making a vertically expanding table that expand when the user would click on the "YouTube" text? I'm thinking of starting out out as a size maybe 100px high and 400px wide, and expand to 375px high and 450px tall. I've checked Google, but nothing seemed to come up that I could use.

View 3 Replies View Related

Create A Drop Down Expanding Image?

Jul 12, 2009

I would like to know how to create such an effect using javascript. Example: This site ( , at the menu button (with the Home, About me,)

All i know how to do is using the mouseover effect, and then displaying an enlarged version of the image (thus creating a "drop down" effect). However, i do not know the code to make the image "drop down" gradually.

View 4 Replies View Related

Expanding And Contracting Tree (delete This One)?

Apr 21, 2010

You know those directory trees that expand and contract when you press the +/- or arrows? I'm trying to make one of those, but with checkboxes instead of +/- or arrows, and XML elements instead of directories.


View 1 Replies View Related

Moving Content Up, After Expanding Boxes

Mar 29, 2010

I used on of the examples in SitePoint's new book jQuery: Novice to Ninja, and implemented it in a site I'm working on. I hide sections of the content, and expand them when clicked on (

Is there a way I can make it so that when you click on one of the projects, your browsers scrolls down as much as possible, so that it is the focus in your browser. Much like using an anchor link, but with jQuery?

View 2 Replies View Related

Navigation, Centralized With Dropdown Expanding 100%?

Oct 2, 2011

I am trying to build a navigation bar that is inside a header div on a page, the page is fixed width and centered, as is the nav. On hover (over the Options nav link, I need the dropdown to then appear (horizontally). The problem I am having is, I need the dropdown background to be the same colour as the parent link background (in this example yellow) and for the ul ul to stretch the full width of the page.

So in the example, the header would be the black bar (full width) and on hover of options, for the yellow bar to also stretch 100% of the page below it:The page I have so far is as follows:I have built the nav but only so that the dropdown shows all of the time, but I need this to show just on hover.Also, the dropdown is only stretching to the container width.Is there a way to make only the dropdown bar (the long yellow UL bar) stretch the entire width and only on hover? The code is as below:

<!DOCTYPE html>
<html dir="ltr" lang="en">


View 8 Replies View Related

Expanding Menu Bottlenecked By Ticker.js

Aug 8, 2007

I am using a script for my navigation which is a vertical expanding menu that opens when clicked on. However when i have added another script which creates a scrolling marquee across the page, the menu links dont stay expanded as the page gets reloaded (ie. <a href="#".. ) as if its a normal link. Code:

View 3 Replies View Related

Vertically Expanding DIV Inside Table TD

Nov 2, 2009

On my website I have a Table with 2 columns, each column has a DIV in it. How can I make it so that each of the DIVs take up the entire space in the Table TD? I can post an example or link to the site itself...if that's allowed.

View 6 Replies View Related

Copyrights 2005-15, All rights reserved