swap image help :) Options

[jyrkz]

hi all im new here..

im using dreamweaver 8

at left side i got "text" right side "image"
here is what i cant do... if i press on "text" i want image on right side to swap with other image
it should be easy but i cant handle it

and is it possible to swap "table id" ?

This post has been edited by jyrkz: Sep 12 2006, 05:09 PM

[Christian J]

Hi!

if i press on "text" i want image on right side to swap with other image

This can't be done with only HTML, you must use e.g. javascript. Unless DW contains such a script you'll have to search the web for one, or write one yourself.

and is it possible to swap "table id" ?

You mean, change the ID of a table? Yes that can be done with javascript too.

[jyrkz]

could some1 gimme some code or smth plsss

in table i got "text+image"(right side) so if i press on "text"(left side) i want it to swap to diffrent "text+image" (right side)

This post has been edited by jyrkz: Sep 12 2006, 05:20 PM

[Darin McGrew]

if i press on "text" i want image on right side to swap with other image

This can't be done with only HTML, you must use e.g. javascript.

FWIW, here's an example that uses CSS (but no JavaScript).

[CodeKing]

if i press on "text" i want image on right side to swap with other image

function swapImage(ID,src)
{
document.getElementsById(ID).src = src;
}

<a href="java script: swapImage('myImage','http://www.mysite.com/image.gif');">Swap image!</a>

and is it possible to swap "table id" ?

function swapTableId(oldID,newID)
{
document.getElementsById(oldID).id = newID;
}

<a href="java script: swapTableID('myTable','newTable');">Swap table ID!</a>

(Try that. I'm not sure if it'll work.)

CodeKing

[Darin McGrew]

Just a quick comment on the href="java script:..." links: It's better to use the onclick event handler, and to put a real URL in the href attribute.

[Frederiek]

In addition to the link Darin gave: to swap an image AND text, then go see this CSS exemple from Eric Meyer.

[Christian J]

if i press on "text" i want image on right side to swap with other image

This can't be done with only HTML, you must use e.g. javascript.

FWIW, here's an example that uses CSS (but no JavaScript).

True, but that only works while the mouse hovers, not permanently like when you click. If that's an important distinction is another issue.