Entrar

Menú desplegable falla en Opera

jmanuel · · Solicitar retirada
Hola a todos de nuevo.
Hasta la fecha me he creado tres webs perfectamente gracias a CCTW.
La primera con el menú desplegable que tenia Jorgens a principio de su curso de un tal Aaron Boodman (bueno en diciembre de este año pasado) El caso es que este menú me gusta porque no queda muy bien y me permite aportarle ciertas modificaciones.
El caso es que se ve perfectamente con Internet Explorer, con Mozilla y con Crome pero con Opera no se despliega.
Con los restantes navegadores no lo he probado.
Sé que Jorgens esta probando otros menús pero cambiar ahora todas mis páginas, que son muchas, me pone enfermo nada más pensarlo.
¿Alguien tiene alguna sugerencia o sabe por qué ocurre esto con Opera?
Y por cierto, todas mis páginas han funcionado a la primera con Internet Explorer sin embargo con los otros navegadores he tenido que ir poniendo parches.
Un saludo y gracias
Jmanuel
francisco1 · · Solicitar retirada
bueno yo no utilizo opera porque las webs que hago se ven igual en firefox clome y opera, a veces se ven diferentes en internet explorer, veremos a ver como esta y en lo que te puedo ayudar porque nunca e utilizado menus desprlegables no me gustan demasiado.
francisco1 · · Solicitar retirada
bueno descarge opera para ver el menu de tu web no lo tengo muy claro ya que nunca e utilizado menus desplegables pero quizas si te falla ya que no es muy frecuente fallos en opera pero no te falla nada mas que el menu y me parece que ese menu si mal no recuerdo esta echo con css y html, deverias de probar de hacer una pagina de css solo para opera de tu menu despregable haver si hay alguien que sepa mas de este tema de menus y css y te puede ayudar mas que yo si beo algo un codigo css para opera referente a menus desplegables que te pueda ayudar lo posteare aqui un saludo.
jmanuel · · Solicitar retirada
Hola Francisco1,
Te mando los 5 ficheros, uno en cada mensaje, con los que funciona mi menú desplegable de las páginas en francés. Para las página en inglés y en español tengo repetidos los ficheros “definir-menus.txt” y “definir-menus-comun.txt” para definir los menús en su idioma correspondiente.
Gracias y un saludo


numero-de-menu.txt
no-tocar.txt
estilo-menu-desplegable.css
definir-menus.txt
definir-menus-comun.txt



numero-de-menu.txt


function init()
{
if (TransMenu.isSupported())
{
TransMenu.initialize();

desplegable1.onactivate = function() { document.getElementById('desplegable1').className = 'hover'; };
desplegable1.ondeactivate = function() { document.getElementById('desplegable1').className = ''; }
desplegable2.onactivate=function(){document.getElementById('desplegable2').className = 'hover'; };
desplegable2.ondeactivate=function(){document.getElementById('desplegable2').className = ''; }

}
}
jmanuel · · Solicitar retirada
estilo-menu-desplegable.css

/* 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;
}
jmanuel · · Solicitar retirada
definir-menus.txt

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

var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
desplegable1.addItem('Caractéristiques','appartement/appartement.html');
desplegable1.addItem('Photos intérieur','');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[1]);
desplegable1_0.addItem('Intérieur','appartement/interieur.html');
desplegable1_0.addItem('Intérieur 1','appartement/interior1.html');
desplegable1_0.addItem('Intérieur 2','appartement/interior2.html');
desplegable1_0.addItem('Intérieur 3','appartement/interior3.html');
desplegable1_0.addItem('Intérieur 4','appartement/interior4.html');
desplegable1.addItem('Photos extérieur','appartement/exterieur.html');
desplegable1.addItem('Photos plages','appartement/plages.html');
desplegable1.addItem('Commerces','appartement/commerces.html');


var desplegable2 = ms.addMenu(document.getElementById('desplegable2'));
desplegable2.addItem('Plages prôches','alentours/plageproche.html');
desplegable2.addItem('Photos alentours','alentours/alentours.html');
desplegable2.addItem('Photos Valencia','alentours/valencia.html');


TransMenu.renderAll();
}
jmanuel · · Solicitar retirada
definir-menus-comun.txt


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

var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
desplegable1.addItem('Caractéristiques','../appartement/appartement.html');
desplegable1.addItem('Photos intérieur','');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[1]);
desplegable1_0.addItem('Intérieur','../appartement/interieur.html');
desplegable1_0.addItem('Intérieur 1','../appartement/interior1.html');
desplegable1_0.addItem('Intérieur 2','../appartement/interior2.html');
desplegable1_0.addItem('Intérieur 3','../appartement/interior3.html');
desplegable1_0.addItem('Intérieur 4','../appartement/interior4.html');
desplegable1.addItem('Photos extérieur','../appartement/exterieur.html');
desplegable1.addItem('Photos plages','../appartement/plages.html');
desplegable1.addItem('Commerces','../appartement/commerces.html');


var desplegable2 = ms.addMenu(document.getElementById('desplegable2'));
desplegable2.addItem('Plages prôches','../alentours/plageproche.html');
desplegable2.addItem('Photos alentours','../alentours/alentours.html');
desplegable2.addItem('Photos Valencia','../alentours/valencia.html');


TransMenu.renderAll();
}
jmanuel · · Solicitar retirada
Francisco1, me ha faltado el fichero "no-tocar.txt" que es muy largo. No se si esto puede servir para ver algo.
Gracias
francisco1 · · Solicitar retirada
Hola amigo pues beo que tu menu funciona con css y javascrip si no me equivoco pues no tengo ni idea de javascript justo haora enpiezo a aprender algo de php pero todavia soy un novato tardaria en encontrar el error no se cuanto tiempo hojala pudiera ayudarte pero nose no creo que te pueda ayudar con esto porque no se sobre este tema le echare un vistazo haver si me sale alguna idea hespero que algun esperto en esto te ayude un salude.
francisco1 · · Solicitar retirada
una cosa en los ficheros javascript, por que usas la extension text en vez ficheros.jvs

algo mas comentaste que ya hiciste varias paginas con ese menu y te funcionaban porque unas si y esta no el fallo podria deverse a los margenes
me explico tu ya has puesto este menu en otras paginas y te funcionaba perfectamente entonces el problema podria estar en los css de tu plantilla no de tu menu desplegable seria interesante ver las medidas de tu plantilla para ver si cuadran con el menu despregrable boy a visitar tus css a ver lo que veo y si saco alguna conclusion el javascript no paraece que este mal pero como te dije no estoy seguro.
francisco1 · · Solicitar retirada
una cosa que son esos -1000px en la medida de menu desplegable de los css y ese left , top asin al boleo me lo puedes explicar porque estos codigos los hiciste tu o los copiastes de algun sitio y por eso no saves arreglarlo cuentame algo para tener una idea sobre que son estos codigos
te lo pregunto porque a veces la gente hace o pone codigos que no exsisten o estan caducados en versiones mas modernas de xhtml o html css etc y no son validas y podria ser que te fuera bien este menu en webs que hiciste hace tiempo pero en esta no.

/* 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;
}
francisco1 · · Solicitar retirada
yo lo que estoy acostunbrado a ver es poco asi que pongo lo que creo y e quitado esas dos rallas - -que tenia este tramo de css porque yo no lo reconozco ese en los css.

/* 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;
}
francisco1 · · Solicitar retirada
Hola jmanuel definitiamente no se de javascript aunque tiene muchas condicionales iguales que php pero hay codigo que como no lo conozco pues no puedo resolverlo de momento los css del menu ban con el menu es decir no se que debo cambiar porque no se de javascript.
lo siento amigo hasta que no aprenda de javascript no te puedo ayudar haver si alguien que sepa te ayuda con lo del menu desplegable, y casi seguro que no deve ser gran cosa, un saludo jmanuel.
jmanuel · · Solicitar retirada
Hola Francisco1,
Este menú me funciona en todas las páginas de la web con los navegadores que comenté: Internet explorer, firefox, chrome, pero no funciona con opera y como te dije con otros navegadores no lo he probado. El menú lo copie del curso de CCTW pero creo que Jorgens lo ha quitado para poner otro.
Gracias por tu interés en cuanto pueda hago una prueba con las correcciones que me aportas para comprobarlo.
Si no, a ver si tengo suerte y alguno de los expertos me puede ayudar
Muchas gracias de nuevo
JManuel