como definir la ruta de los menus desplegables

buenas, queria saber como se hace para definir la ruta de los menus desplegables que he hecho gracias a CCTW, en los cuales queria definir una ruta para que se me abra el contenido en el iframe que he hecho en la capa contenido. No se si me he explicado bien pero para eso dejo aqui mi pagina
http://es.geocities.com/tortugaskorren

Espero que alguien sepa como hacerlo, gracias y un saludo

Hola, veo que no has subido las imagenes a la carpeta objetos de tu web, ya que en el menú desplegable no salen ni el circulito de delante del texto ni la flechita..
Respecto a la ruta, en la hoja llamada definir-menus ahi algo así:



if (TransMenu.isSupported())
{
var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);

var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
desplegable1.addItem('Seccion 1','ruta');
Aqui es donde hay que cambiarlo, donde pone Sección1 en rojo hay que poner el texto que quieres que salga en el desplegable, es decir donde hay que pinchar para ir a algun sitio, en verde es donde hay que poner la ruta, ejemplo:
yo quiero que salga como texto la palabra coches y quiero enlazarlo con una hoja que ya tengo creada dentro de mi pagina web, por ejemplo con la plantilla.html entonces será así:

if (TransMenu.isSupported())
{
var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);

var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
desplegable1.addItem('Coches','plantilla.html');

espero haber sido de ayuda, un saludo.

gracias por la respuesta,

si he subido las imagenes correspondientes pero yo las he subido en mi carpeta imagenes que ya tenia creada antes, y sera por eso que no se ven.
hay alguna forma de que se vean sin tener que renombrar mi carpeta imagenes.

y lo de la ruta vale, creo que lo he entendido, o sea que no hay que poner delante un a de anclaje ni nada de src, solamente la pagina no? Lo que yo queria hacer era tambien enlazar esas rutas con el iframe que tengo en la pagina index.

para que resulte mas facil esta es mi pagina http://es.geocities.com/tortugaskorren

de todas formas novato acabo de probar de la forma que me has dicho y me da error, me dice que pagina no encontrada

si te pone pagina no encontrada será que no hay ninguna que se llame como dices, escribeme lo que has puesto..

y para que se vean las imagenes dices que las has subido a una carpeta llamada imagenes, lo que debes de hacer es cambiar esto en la hoja llamada no-tocar, te lo marco en rojo, donde pone objetos pon imagenes...

/* =================================================================================================
* TransMenu
* March, 2003
*
* Customizable multi-level animated DHTML menus with transparency.
*
* Copyright 2003-2004, Aaron Boodman (www.youngpup.net)
* =================================================================================================
* "Can I use this?"
*
* Use of this library is governed by the Creative Commons Attribution 2.0 License. You can check it
* out at: http://creativecommons.org/licenses/by/2.0/
*
* Basically: You may copy, distribute, and eat this code as you wish. But you must give me credit
* for writing it. You may not misrepresent yourself as the author of this code.
* =================================================================================================
* "It's kinda hard to read, though"
*
* The uncompressed, commented version of this script can be found at:
* http://youngpup.net/projects/transMenus
* =================================================================================================
* updates:
* 04.19.04 fixed cascade problem with menus nested greater than two levels.
* 12.23.03 added hideCurrent for menu actuators with no menus. renamed to TransMenu.
* 04.18.03 fixed render bug in IE 5.0 Mac by removing that browser from compatibility table ;)
* also made gecko check a little more strict by specifying build no.
* ============================================================================================== */



//==================================================================================================
// Configuration properties
//==================================================================================================
TransMenu.spacerGif = "objetos/espaciador.gif"; // path to a transparent spacer gif
TransMenu.dingbatOn = "objetos/submenu-abierto.gif"; // path to the active sub menu dingbat
TransMenu.dingbatOff = "objetos/submenu-cerrado.gif"; // path to the inactive sub menu dingbat
TransMenu.dingbatSize = 14; // size of the dingbat (square shape assumed)
TransMenu.menuPadding = 0; // padding between menu border and items grid
TransMenu.itemPadding = 2; // additional padding around each item
TransMenu.shadowSize = 2; // size of shadow under menu
TransMenu.shadowOffset = 3; // distance shadow should be offset from leading edge
TransMenu.shadowColor = "#ff2236"; // color of shadow (transparency is set in CSS)
TransMenu.shadowPng = "objetos/gris.png"; // a PNG graphic to serve as the shadow for mac IE5
TransMenu.backgroundColor = "#320efe"; // color of the background (transparency set in CSS)
TransMenu.backgroundPng = "objetos/blanco.png"; // a PNG graphic to server as the background for mac IE5
TransMenu.hideDelay = 1000; // number of milliseconds to wait before hiding a menu
TransMenu.slideTime = 400; // number of milliseconds it takes to open and close a menu
TransMenu.preImg = "objetos/punto.gif";

//==================================================================================================
// Internal use properties
//==================================================================================================
TransMenu.reference = {topLeft:1,topRight:2,bottomLeft:3,bottomRight:4};
TransMenu.direction = {down:1,right:2};
TransMenu.registry = [];
TransMenu._maxZ = 100;



//==================================================================================================
// Static methods
//==================================================================================================
// supporting win ie5+, mac ie5.1+ and gecko >= mozilla 1.0
TransMenu.isSupported = function() {
var ua = navigator.userAgent.toLowerCase();
var pf = navigator.platform.toLowerCase();
var an = navigator.appName;
var r = false;

if (ua.indexOf("gecko") > -1 && navigator.productSub >= 20020605) r = true; // gecko >= moz 1.0
else if (an == "Microsoft Internet Explorer") {
if (document.getElementById) { // ie5.1+ mac,win
if (pf.indexOf("mac") == 0) {
r = /msie (\d(.\d*)?)/.test(ua) && Number(RegExp.$1) >= 5.1;
}
else r = true;
}
}

return r;
}

// call this in onload once menus have been created
TransMenu.initialize = function() {
for (var i = 0, menu = null; menu = this.registry; i++) {
menu.initialize();
}
}

// call this in document body to write out menu html
TransMenu.renderAll = function() {
var aMenuHtml = [];
for (var i = 0, menu = null; menu = this.registry; i++) {
aMenuHtml = menu.toString();
}
document.write(aMenuHtml.join(""));
}

//==================================================================================================
// TransMenu constructor (only called internally)
//==================================================================================================
// oActuator : The thing that causes the menu to be shown when it is mousedover. Either a
// reference to an HTML element, or a TransMenuItem from an existing menu.
// iDirection : The direction to slide out. One of TransMenu.direction.
// iLeft : Left pixel offset of menu from actuator
// iTop : Top pixel offset of menu from actuator
// iReferencePoint : Corner of actuator to measure from. One of TransMenu.referencePoint.
// parentMenuSet : Menuset this menu will be added to.
//==================================================================================================
function TransMenu(oActuator, iDirection, iLeft, iTop, iReferencePoint, parentMenuSet) {
// public methods
this.addItem = addItem;
this.addMenu = addMenu;
this.toString = toString;
this.initialize = initialize;
this.isOpen = false;
this.show = show;
this.hide = hide;
this.items = [];

// events
this.onactivate = new Function(); // when the menu starts to slide open
this.ondeactivate = new Function(); // when the menu finishes sliding closed
this.onmouseover = new Function(); // when the menu has been moused over
this.onqueue = new Function(); // hack .. when the menu sets a timer to be closed a little while in the future
this.ondequeue = new Function();

// initialization
this.index = TransMenu.registry.length;
TransMenu.registry[this.index] = this;

var id = "TransMenu" + this.index;
var contentHeight = null;
var contentWidth = null;
var childMenuSet = null;
var animating = false;
var childMenus = [];
var slideAccel = -1;
var elmCache = null;
var ready = false;
var _this = this;
var a = null;

var pos = iDirection == TransMenu.direction.down ? "top" : "left";
var dim = null;

// private and public method implimentations
function addItem(sText, sUrl) {
var item = new TransMenuItem(sText, sUrl, this);
item._index = this.items.length;
this.items[item._index] = item;
}

function addMenu(oMenuItem) {
if (!oMenuItem.parentMenu == this) throw new Error("Cannot add a menu here");

if (childMenuSet == null) childMenuSet = new TransMenuSet(TransMenu.direction.right, -5, 2, TransMenu.reference.topRight);

var m = childMenuSet.addMenu(oMenuItem);

childMenus[oMenuItem._index] = m;
m.onmouseover = child_mouseover;
m.ondeactivate = child_deactivate;
m.onqueue = child_queue;
m.ondequeue = child_dequeue;

return m;
}

function initialize() {
initCache();
initEvents();
initSize();
ready = true;
}

function show() {
//dbg_dump("show");
if (ready) {
_this.isOpen = true;
animating = true;
setContainerPos();
elmCache["clip"].style.visibility = "visible";
elmCache["clip"].style.zIndex = TransMenu._maxZ++;
//dbg_dump("maxZ: " + TransMenu._maxZ);
slideStart();
_this.onactivate();
}
}

function hide() {
if (ready) {
_this.isOpen = false;
animating = true;

for (var i = 0, item = null; item = elmCache.item; i++)
dehighlight(item);

if (childMenuSet) childMenuSet.hide();

slideStart();
_this.ondeactivate();
}
}

function setContainerPos() {
var sub = oActuator.constructor == TransMenuItem;
var act = sub ? oActuator.parentMenu.elmCache["item"][oActuator._index] : oActuator;
var el = act;

var x = 0;
var y = 0;


var minX = 0;
var maxX = (window.innerWidth ? window.innerWidth : document.body.clientWidth) - parseInt(elmCache["clip"].style.width);
var minY = 0;
var maxY = (window.innerHeight ? window.innerHeight : document.body.clientHeight) - parseInt(elmCache["clip"].style.height);

// add up all offsets... subtract any scroll offset
while (sub ? el.parentNode.className.indexOf("transMenu") == -1 : el.offsetParent) {
x += el.offsetLeft;
y += el.offsetTop;

if (el.scrollLeft) x -= el.scrollLeft;
if (el.scrollTop) y -= el.scrollTop;

el = el.offsetParent;
}

if (oActuator.constructor == TransMenuItem) {
x += parseInt(el.parentNode.style.left);
y += parseInt(el.parentNode.style.top);
}

switch (iReferencePoint) {
case TransMenu.reference.topLeft:
break;
case TransMenu.reference.topRight:
x += act.offsetWidth;
break;
case TransMenu.reference.bottomLeft:
y += act.offsetHeight;
break;
case TransMenu.reference.bottomRight:
x += act.offsetWidth;
y += act.offsetHeight;
break;
}

x += iLeft;
y += iTop;

x = Math.max(Math.min(x, maxX), minX);
y = Math.max(Math.min(y, maxY), minY);

elmCache["clip"].style.left = x + "px";
elmCache["clip"].style.top = y + "px";
}

function slideStart() {
var x0 = parseInt(elmCache["content"].style);
var x1 = _this.isOpen ? 0 : -dim;

if (a != null) a.stop();
a = new Accelimation(x0, x1, TransMenu.slideTime, slideAccel);

a.onframe = slideFrame;
a.onend = slideEnd;

a.start();
}

function slideFrame(x) {
elmCache["content"].style = x + "px";
}

function slideEnd() {
if (!_this.isOpen) elmCache["clip"].style.visibility = "hidden";
animating = false;
}

function initSize() {
// everything is based off the size of the items table...
var ow = elmCache["items"].offsetWidth;
var oh = elmCache["items"].offsetHeight;
var ua = navigator.userAgent.toLowerCase();

// clipping container should be ow/oh + the size of the shadow
elmCache["clip"].style.width = ow + TransMenu.shadowSize + 2 + "px";
elmCache["clip"].style.height = oh + TransMenu.shadowSize + 2 + "px";

// same with content...
elmCache["content"].style.width = ow + TransMenu.shadowSize + "px";
elmCache["content"].style.height = oh + TransMenu.shadowSize + "px";

contentHeight = oh + TransMenu.shadowSize;
contentWidth = ow + TransMenu.shadowSize;

dim = iDirection == TransMenu.direction.down ? contentHeight : contentWidth;

// set initially closed
elmCache["content"].style = -dim - TransMenu.shadowSize + "px";
elmCache["clip"].style.visibility = "hidden";

// if *not* mac/ie 5
if (ua.indexOf("mac") == -1 || ua.indexOf("gecko") > -1) {
// set background div to offset size
elmCache["background"].style.width = ow + "px";
elmCache["background"].style.height = oh + "px";
elmCache["background"].style.backgroundColor = TransMenu.backgroundColor;

// shadow left starts at offset left and is offsetHeight pixels high
elmCache["shadowRight"].style.left = ow + "px";
elmCache["shadowRight"].style.height = oh - (TransMenu.shadowOffset - TransMenu.shadowSize) + "px";
elmCache["shadowRight"].style.backgroundColor = TransMenu.shadowColor;

// shadow bottom starts at offset height and is offsetWidth - shadowOffset
// pixels wide (we don't want the bottom and right shadows to overlap or we
// get an extra bright bottom-right corner)
elmCache["shadowBottom"].style.top = oh + "px";
elmCache["shadowBottom"].style.width = ow - TransMenu.shadowOffset + "px";
elmCache["shadowBottom"].style.backgroundColor = TransMenu.shadowColor;
}
// mac ie is a little different because we use a PNG for the transparency
else {
// set background div to offset size
elmCache["background"].firstChild.src = TransMenu.backgroundPng;
elmCache["background"].firstChild.width = ow;
elmCache["background"].firstChild.height = oh;

// shadow left starts at offset left and is offsetHeight pixels high
elmCache["shadowRight"].firstChild.src = TransMenu.shadowPng;
elmCache["shadowRight"].style.left = ow + "px";
elmCache["shadowRight"].firstChild.width = TransMenu.shadowSize;
elmCache["shadowRight"].firstChild.height = oh - (TransMenu.shadowOffset - TransMenu.shadowSize);

// shadow bottom starts at offset height and is offsetWidth - shadowOffset
// pixels wide (we don't want the bottom and right shadows to overlap or we
// get an extra bright bottom-right corner)
elmCache["shadowBottom"].firstChild.src = TransMenu.shadowPng;
elmCache["shadowBottom"].style.top = oh + "px";
elmCache["shadowBottom"].firstChild.height = TransMenu.shadowSize;
elmCache["shadowBottom"].firstChild.width = ow - TransMenu.shadowOffset;
}
}

function initCache() {
var menu = document.getElementById(id);
var all = menu.all ? menu.all : menu.getElementsByTagName("*"); // IE/win doesn't support * syntax, but does have the document.all thing

elmCache = {};
elmCache["clip"] = menu;
elmCache["item"] = [];

for (var i = 0, elm = null; elm = all; i++) {
switch (elm.className) {
case "items":
case "content":
case "background":
case "shadowRight":
case "shadowBottom":
elmCache[elm.className] = elm;
break;
case "item":
elm._index = elmCache["item"].length;
elmCache["item"][elm._index] = elm;
break;
}
}

// hack!
_this.elmCache = elmCache;
}

function initEvents() {
// hook item mouseover
for (var i = 0, item = null; item = elmCache.item; i++) {
item.onmouseover = item_mouseover;
item.onmouseout = item_mouseout;
item.onclick = item_click;
}

// hook actuation
if (typeof oActuator.tagName != "undefined") {
oActuator.onmouseover = actuator_mouseover;
oActuator.onmouseout = actuator_mouseout;
}

// hook menu mouseover
elmCache["content"].onmouseover = content_mouseover;
elmCache["content"].onmouseout = content_mouseout;
}

function highlight(oRow) {
oRow.className = "item hover";
if (childMenus[oRow._index])
oRow.lastChild.firstChild.src = TransMenu.dingbatOn;
}

function dehighlight(oRow) {
oRow.className = "item";
if (childMenus[oRow._index])
oRow.lastChild.firstChild.src = TransMenu.dingbatOff;
}

function item_mouseover() {
if (!animating) {
highlight(this);

if (childMenus[this._index])
childMenuSet.showMenu(childMenus[this._index]);
else if (childMenuSet) childMenuSet.hide();
}
}

function item_mouseout() {
if (!animating) {
if (childMenus[this._index])
childMenuSet.hideMenu(childMenus[this._index]);
else // otherwise child_deactivate will do this
dehighlight(this);
}
}

function item_click() {
if (!animating) {
if (_this.items[this._index].url)
location.href = _this.items[this._index].url;
}
}

function actuator_mouseover() {
parentMenuSet.showMenu(_this);
}

function actuator_mouseout() {
parentMenuSet.hideMenu(_this);
}

function content_mouseover() {
if (!animating) {
parentMenuSet.showMenu(_this);
_this.onmouseover();
}
}

function content_mouseout() {
if (!animating) {
parentMenuSet.hideMenu(_this);
}
}

function child_mouseover() {
if (!animating) {
parentMenuSet.showMenu(_this);
}
}

function child_deactivate() {
for (var i = 0; i < childMenus.length; i++) {
if (childMenus == this) {
dehighlight(elmCache["item"]);
break;
}
}
}

function child_queue() {
parentMenuSet.hideMenu(_this);
}

function child_dequeue() {
parentMenuSet.showMenu(_this);
}

function toString() {
var aHtml = [];
var sClassName = "transMenu" + (oActuator.constructor != TransMenuItem ? " top" : "");

for (var i = 0, item = null; item = this.items; i++) {
aHtml = item.toString(childMenus);
}

return '<div id="' + id + '" class="' + sClassName + '">' +
'<div class="content"><table class="items" cellpadding="0" cellspacing="0" border="0">' +
'<tr><td colspan="2">[contenido no disponible]</td></tr>' +
aHtml.join('') +
'<tr><td colspan="2">[contenido no disponible]</td></tr></table>' +
'<div class="shadowBottom">[contenido no disponible]</div>' +
'<div class="shadowRight">[contenido no disponible]</div>' +
'<div class="background">[contenido no disponible]</div>' +
'</div></div>';
}
}


//==================================================================================================
// TransMenuSet
//==================================================================================================
// iDirection : The direction to slide out. One of TransMenu.direction.
// iLeft : Left pixel offset of menus from actuator
// iTop : Top pixel offset of menus from actuator
// iReferencePoint : Corner of actuator to measure from. One of TransMenu.referencePoint.
//==================================================================================================
TransMenuSet.registry = [];

function TransMenuSet(iDirection, iLeft, iTop, iReferencePoint) {
// public methods
this.addMenu = addMenu;
this.showMenu = showMenu;
this.hideMenu = hideMenu;
this.hide = hide;
this.hideCurrent = hideCurrent;

// initialization
var menus = [];
var _this = this;
var current = null;

this.index = TransMenuSet.registry.length;
TransMenuSet.registry[this.index] = this;

// method implimentations...
function addMenu(oActuator) {
var m = new TransMenu(oActuator, iDirection, iLeft, iTop, iReferencePoint, this);
menus[menus.length] = m;
return m;
}

function showMenu(oMenu) {
if (oMenu != current) {
// close currently open menu
if (current != null) hide(current);

// set current menu to this one
current = oMenu;

// if this menu is closed, open it
oMenu.show();
}
else {
// hide pending calls to close this menu
cancelHide(oMenu);
}
}

function hideMenu(oMenu) {
//dbg_dump("hideMenu a " + oMenu.index);
if (current == oMenu && oMenu.isOpen) {
//dbg_dump("hideMenu b " + oMenu.index);
if (!oMenu.hideTimer) scheduleHide(oMenu);
}
}

function scheduleHide(oMenu) {
//dbg_dump("scheduleHide " + oMenu.index);
oMenu.onqueue();
oMenu.hideTimer = window.setTimeout("TransMenuSet.registry[" + _this.index + "].hide(TransMenu.registry[" + oMenu.index + "])", TransMenu.hideDelay);
}

function cancelHide(oMenu) {
//dbg_dump("cancelHide " + oMenu.index);
if (oMenu.hideTimer) {
oMenu.ondequeue();
window.clearTimeout(oMenu.hideTimer);
oMenu.hideTimer = null;
}
}

function hide(oMenu) {
if (!oMenu && current) oMenu = current;

if (oMenu && current == oMenu && oMenu.isOpen) {
hideCurrent();
}
}

function hideCurrent() {
if (null != current) {
cancelHide(current);
current.hideTimer = null;
current.hide();
current = null;
}
}
}

//==================================================================================================
// TransMenuItem (internal)
// represents an item in a dropdown
//==================================================================================================
// sText : The item display text
// sUrl : URL to load when the item is clicked
// oParent : Menu this item is a part of
//==================================================================================================
function TransMenuItem(sText, sUrl, oParent) {
this.toString = toString;
this.text = sText;
this.url = sUrl;
this.parentMenu = oParent;

function toString(bDingbat) {
var sDingbat = bDingbat ? TransMenu.dingbatOff : TransMenu.spacerGif;
var iEdgePadding = TransMenu.itemPadding + TransMenu.menuPadding;
var sPaddingLeft = "padding:" + TransMenu.itemPadding + "px; padding-left:" + iEdgePadding + "px;"
var sPaddingRight = "padding:" + TransMenu.itemPadding + "px; padding-right:" + iEdgePadding + "px;"

return '<tr class="item" ><td width="16" style="' + sPaddingLeft + '" >' + '[contenido no disponible]</td><td nowrap style="' + sPaddingLeft + '" >' +
sText + '</td><td width="14" style="' + sPaddingRight + '" >' +
'[contenido no disponible]</td></tr>';
}
}






//=====================================================================
// Accel imation object
// change a property of an object over time in an accelerated fashion
//=====================================================================
// obj : reference to the object whose property you'd like to animate
// prop : property you would like to change eg: "left"
// to : final value of prop
// time : time the animation should take to run
// zip : optional. specify the zippiness of the acceleration. pick a
// number between -1 and 1 where -1 is full decelerated, 1 is
// full accelerated, and 0 is linear (no acceleration). default
// is 0.
// unit : optional. specify the units for use with prop. default is
// "px".
//=====================================================================
// bezier functions lifted from the lib_animation.js file in the
// 13th Parallel API. www.13thparallel.org
//=====================================================================

function Accelimation(from, to, time, zip) {
if (typeof zip == "undefined") zip = 0;
if (typeof unit == "undefined") unit = "px";

this.x0 = from;
this.x1 = to;
this.dt = time;
this.zip = -zip;
this.unit = unit;
this.timer = null;
this.onend = new Function();
this.onframe = new Function();
}



//=====================================================================
// public methods
//=====================================================================

// after you create an accelimation, you call this to start it-a runnin'
Accelimation.prototype.start = function() {
this.t0 = new Date().getTime();
this.t1 = this.t0 + this.dt;
var dx = this.x1 - this.x0;
this.c1 = this.x0 + ((1 + this.zip) * dx / 3);
this.c2 = this.x0 + ((2 + this.zip) * dx / 3);
Accelimation._add(this);
}

// and if you need to stop it early for some reason...
Accelimation.prototype.stop = function() {
Accelimation._remove(this);
}



//=====================================================================
// private methods
//=====================================================================

// paints one frame. gets called by Accelimation._paintAll.
Accelimation.prototype._paint = function(time) {
if (time < this.t1) {
var elapsed = time - this.t0;
this.onframe(Accelimation._getBezier(elapsed/this.dt,this.x0,this.x1,this.c1,this.c2));
}
else this._end();
}

// ends the animation
Accelimation.prototype._end = function() {
Accelimation._remove(this);
this.onframe(this.x1);
this.onend();
}




//=====================================================================
// static methods (all private)
//=====================================================================

// add a function to the list of ones to call periodically
Accelimation._add = function(o) {
var index = this.instances.length;
this.instances = o;
// if this is the first one, start the engine
if (this.instances.length == 1) {
this.timerID = window.setInterval("Accelimation._paintAll()", this.targetRes);
}
}

// remove a function from the list
Accelimation._remove = function(o) {
for (var i = 0; i < this.instances.length; i++) {
if (o == this.instances) {
this.instances = this.instances.slice(0,i).concat( this.instances.slice(i+1) );
break;
}
}
// if that was the last one, stop the engine
if (this.instances.length == 0) {
window.clearInterval(this.timerID);
this.timerID = null;
}
}

// "engine" - call each function in the list every so often
Accelimation._paintAll = function() {
var now = new Date().getTime();
for (var i = 0; i < this.instances.length; i++) {
this.instances._paint(now);
}
}


// Bezier functions:
Accelimation._B1 = function(t) { return t*t*t }
Accelimation._B2 = function(t) { return 3*t*t*(1-t) }
Accelimation._B3 = function(t) { return 3*t*(1-t)*(1-t) }
Accelimation._B4 = function(t) { return (1-t)*(1-t)*(1-t) }


//Finds the coordinates of a point at a certain stage through a bezier curve
Accelimation._getBezier = function(percent,startPos,endPos,control1,control2) {
return endPos * this._B1(percent) + control2 * this._B2(percent) + control1 * this._B3(percent) + startPos * this._B4(percent);
}


//=====================================================================
// static properties
//=====================================================================

Accelimation.instances = [];
Accelimation.targetRes = 10;
Accelimation.timerID = null;


//=====================================================================
// IE win memory cleanup
//=====================================================================

if (window.attachEvent) {
var cearElementProps = [
'data',
'onmouseover',
'onmouseout',
'onmousedown',
'onmouseup',
'ondblclick',
'onclick',
'onselectstart',
'oncontextmenu'
];

window.attachEvent("onunload", function() {
var el;
for(var d = document.all.length;d--;){
el = document.all;
for(var c = cearElementProps.length;c--;){
el[cearElementProps] = null;
}
}
});
}

ademas has de cambiar igual que antes en la hoja llamada estilo-menu-desplegable esto:


/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
position:absolute;
overflow:hidden;
left:-1000px;
top:-1000px;
text-align: left;
}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
position:absolute;
}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
position:relative;
left:0px; top:0px;
border:1px solid #999;
z-index:2;
}

.transMenu.top .items {
border-top:none;
}

/* each TR.item is one menu item */
.transMenu .item {
color:#000000;
background-image: url(objetos/fondo-no-activo.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
text-decoration:none;
/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
border:none;
cursor:pointer;
cursor:hand;
}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
position:absolute;
left:0px;
top:0px;
z-index:1;
-moz-opacity:.8;
filter:alpha(opacity=95);
}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
position:absolute;
z-index:3;
top:3px; width:2px;
-moz-opacity:.4;
filter:alpha(opacity=40);
}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
position:absolute;
z-index:1;
left:3px; height:2px;
-moz-opacity:.4;
filter:alpha(opacity=40);
}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
background-image: url(objetos/fondo-activo.gif);
color:#385385;
}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
margin-left:10px;
}
.textoNoIdent {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
text-decoration: none;
}
.formError {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
border-top: 1px solid #C4CCCC;
border-right: 1px solid #ACB5B5;
border-bottom: 1px solid #6F7777;
border-left: 1px solid #ACB5B5;
padding: 2px 0 2px 0.25em;
background-color: #F5E984;
}
.txtError {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #990000;
background-color: #E9E9E9;
padding: 5px;
text-align: justify;
}


espero que te sirva, mira aver si me he dejado algo que ponga objetos y lo cambias por imagenes.Un saludo

Para lo del menú decirte que tú tienes esto subido al hosting:

if (TransMenu.isSupported())
{
var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);

var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
desplegable1.addItem('dibujos de la infancia','ruta');
desplegable1.addItem('dibujos actuales','ruta');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[1]);
desplegable1_0.addItem('dibujos a lapiz','ruta');
desplegable1_0.addItem('dibujos a tinta','ruta');
desplegable1_0.addItem('dibujos a carboncillo','ruta');

var desplegable2 = ms.addMenu(document.getElementById('desplegable2'));
desplegable2.addItem('acrilicos','ruta');
desplegable2.addItem('oleos','pagina1.html');
desplegable2.addItem('acuarelas','ruta');

var desplegable3 = ms.addMenu(document.getElementById('desplegable3'));
desplegable3.addItem('madera','ruta');
desplegable3.addItem('bronce','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[1]);
desplegable3_0.addItem('dibujos a lapiz','ruta');
desplegable3_0.addItem('dibujos a tinta','ruta');
desplegable3_0.addItem('dibujos a carboncillo','ruta');
desplegable3.addItem('escayola','ruta');

var desplegable4 = ms.addMenu(document.getElementById('desplegable4'));
desplegable4.addItem('plancha perdida','ruta');
desplegable4.addItem('aguafuertes','ruta');
var desplegable4_0 = desplegable4.addMenu(desplegable4.items[1]);
desplegable4_0.addItem('dibujos a lapiz','ruta');
desplegable4_0.addItem('dibujos a tinta','ruta');
desplegable4_0.addItem('dibujos a carboncillo','ruta');
desplegable4.addItem('otros','ruta');

var desplegable5 = ms.addMenu(document.getElementById('desplegable5'));
desplegable5.addItem('retratos','ruta');
desplegable5.addItem('objetos','ruta');
var desplegable5_0 = desplegable5.addMenu(desplegable5.items[1]);
desplegable5_0.addItem('dibujos a lapiz','ruta');
desplegable5_0.addItem('dibujos a tinta','ruta');
desplegable5_0.addItem('dibujos a carboncillo','ruta');
desplegable5.addItem('otros','ruta');

var desplegable6 = ms.addMenu(document.getElementById('desplegable6'));
desplegable6.addItem('carteles','ruta');
desplegable6.addItem('anuncios','ruta');
var desplegable6_0 = desplegable6.addMenu(desplegable6.items[1]);
desplegable6_0.addItem('dibujos a lapiz','ruta');
desplegable6_0.addItem('dibujos a tinta','ruta');
desplegable6_0.addItem('dibujos a carboncillo','ruta');
desplegable6.addItem('ilustracion','ruta');

var desplegable7 = ms.addMenu(document.getElementById('desplegable7'));
desplegable7.addItem('Animacion','ruta');
desplegable7.addItem('3D','ruta');
var desplegable7_0 = desplegable7.addMenu(desplegable7.items[1]);
desplegable7_0.addItem('dibujos a lapiz','ruta');
desplegable7_0.addItem('dibujos a tinta','ruta');
desplegable7_0.addItem('dibujos a carboncillo','ruta');
desplegable7.addItem('Flash','ruta');

TransMenu.renderAll();
}


vamos a fijarnos en esto..

TransMenu.reference.bottomLeft);

var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
desplegable1.addItem('dibujos de la infancia','ruta');
desplegable1.addItem('dibujos actuales',);
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[1]);
desplegable1_0.addItem('dibujos a lapiz','ruta');
desplegable1_0.addItem('dibujos a tinta','ruta');
desplegable1_0.addItem('dibujos a carboncillo','ruta');


pues bien , te he marcado las zonas que has de cambiar, por colores, todas son lo mismo..ruta, mucho ojo con no quitar ninguna de la especie de comillas junto a cada palabra.. 'ruta', es aquí donde has de poner donde quieres ir al pinchar en cada palabra, ejemplo:

vamos a suponer que al pinchar en dibujos a lapiz quieres que vaya a una hoja (como la plantilla, es decir tiene que ser .html y que ya tengas creada en tu pagina web), que se llame lapiz.html,
entonces la cosa es así:

{
var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);

var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
desplegable1.addItem('dibujos de la infancia','ruta');
desplegable1.addItem('dibujos actuales','ruta');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[1]);
desplegable1_0.addItem('dibujos a lapiz','lapiz.html');
desplegable1_0.addItem('dibujos a tinta','ruta');
desplegable1_0.addItem('dibujos a carboncillo','ruta');


y así con todas. Un saludo.

vale lo de las imagenes ya lo he solucionado como me has dicho. gracias

luego en lo de definir-menus tengo esto

if (TransMenu.isSupported())
{
var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);

var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
desplegable1.addItem('dibujos de la infancia','ruta');
desplegable1.addItem('dibujos actuales','ruta');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[1]);
desplegable1_0.addItem('dibujos a lapiz','ruta');
desplegable1_0.addItem('dibujos a tinta','ruta');
desplegable1_0.addItem('dibujos a carboncillo','ruta');

var desplegable2 = ms.addMenu(document.getElementById('desplegable2'));
desplegable2.addItem('acrilicos','ruta');
desplegable2.addItem('oleos','pagina2.html');
desplegable2.addItem('acuarelas','ruta');

var desplegable3 = ms.addMenu(document.getElementById('desplegable3'));
desplegable3.addItem('madera','ruta');
desplegable3.addItem('bronce','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[1]);
desplegable3_0.addItem('dibujos a lapiz','ruta');
desplegable3_0.addItem('dibujos a tinta','ruta');
desplegable3_0.addItem('dibujos a carboncillo','ruta');
desplegable3.addItem('escayola','ruta');

var desplegable4 = ms.addMenu(document.getElementById('desplegable4'));
desplegable4.addItem('plancha perdida','ruta');
desplegable4.addItem('aguafuertes','ruta');
var desplegable4_0 = desplegable4.addMenu(desplegable4.items[1]);
desplegable4_0.addItem('dibujos a lapiz','ruta');
desplegable4_0.addItem('dibujos a tinta','ruta');
desplegable4_0.addItem('dibujos a carboncillo','ruta');
desplegable4.addItem('otros','ruta');

var desplegable5 = ms.addMenu(document.getElementById('desplegable5'));
desplegable5.addItem('retratos','ruta');
desplegable5.addItem('objetos','ruta');
var desplegable5_0 = desplegable5.addMenu(desplegable5.items[1]);
desplegable5_0.addItem('dibujos a lapiz','ruta');
desplegable5_0.addItem('dibujos a tinta','ruta');
desplegable5_0.addItem('dibujos a carboncillo','ruta');
desplegable5.addItem('otros','ruta');

var desplegable6 = ms.addMenu(document.getElementById('desplegable6'));
desplegable6.addItem('carteles','ruta');
desplegable6.addItem('anuncios','ruta');
var desplegable6_0 = desplegable6.addMenu(desplegable6.items[1]);
desplegable6_0.addItem('dibujos a lapiz','ruta');
desplegable6_0.addItem('dibujos a tinta','ruta');
desplegable6_0.addItem('dibujos a carboncillo','ruta');
desplegable6.addItem('ilustracion','ruta');

var desplegable7 = ms.addMenu(document.getElementById('desplegable7'));
desplegable7.addItem('Animacion','ruta');
desplegable7.addItem('3D','ruta');
var desplegable7_0 = desplegable7.addMenu(desplegable7.items[1]);
desplegable7_0.addItem('dibujos a lapiz','ruta');
desplegable7_0.addItem('dibujos a tinta','ruta');
desplegable7_0.addItem('dibujos a carboncillo','ruta');
desplegable7.addItem('Flash','ruta');

TransMenu.renderAll();
}

la ruta la tengo puesta donde tengo el menu de nombre oleos. esa pagina la tengo dentro de una carpeta llamada html, no se si sera ese el fallo.

otra cosa no se lo que he tocado que antes todos los subnmenus se me desplegaban bien y ahora hacen el intento de desplegarse y no se despliegan. haber si tengo algo mal puesto.

gracias de antemano por la ayuda. un saludo

supongo que estas trabajando con html-kit, es asi?, la hoja con la que quieres enlazar se llama pagina2.html, que me dices que está en una carpeta llamada html ?, si es así la ruta es:

desplegable2.addItem('oleos','html/pagina2.html');
prueba a ver, y de lo que te hace el amago pero no sale el desplegable no se por que puede ser, pero estoy en ello. Un saludo.

No obstante yo aconsejo crear una nueva hoja .html para cada pagina dentro de tu web, es decir, tienes: index.html, plantilla.html pues crea otras con su nombre correspondiente, si no sabes como se crean dimelo y te explico, yo solo se con el html-kit, un saludo.

trabajo con dreamweaver bajo mac ox.
lo del menu desplegable no te preocupes que creo que es problema de mi navegador que unas veces los coje y otras no ademas voy a quitar lo de los submenu que no me van hacer falta excepto el primer desplegable que ese si me va siempre.

bueno lo de la pagina ya lo he hecho y funciona. pero la unica cosa ke me queda por solucionar es ke pagina enlazada se abre sola en una nueva pagina y como abras visto en mi web yo lo que quiero es que se me abra en el iframe que tengo en el div contenido.

por que te explico mi pagina sera basicamente una galeria web de mi obra, como te abras dado cuenta, o sea que va a ver poco texto escrito. entonces lo que quiero es que cada menu desplegable a pinchar me abra un portafolio(como un visor de imagenes) en el iframe de la capa contenido.

ya lo e intentado poniendo despues de la ruta de la pagina el aributo target="contenidoframe" para que se me abriese dentro del iframe pero a si me dice pagina no encontrada.

asi que eso es lo unico que me falta para completar mi pagina, ya que cada portafolio de imagenes las realizo con photoshop y solo tengo que enlazar la pagina que me crea este con su ruta respectiva.

bueno no se si me he esplicado bien pero es pero que alguien sepa como hacer esto.

gracias y un saludo

si te has explicado, yo sintiendolo mucho hasta ahi no llego, como dice mi nick soy novato en esto, solo he aprendido (y poco :oops: ), lo que se explica en el curso paso a paso, espero que se te solucione el problema, un saludo.

gracias de todas formas espero que alguien mas avanzado sepa como hacer esto :(