IE no toma javascript!!

harvestmoon · #1 (**permalink**) 14/05/2009, 12:05

este es la parte de configuracion

Cita:

No tocar a partir de aquí */
var tunIex=navigator.appName=="Microsoft Internet Explorer"?true:false;
if(tunIex && navigator.userAgent.indexOf('Opera')>=0){tunIex = false}
var Opera = navigator.userAgent.indexOf('Opera')>=0 ? true : false;
var manita = tunIex ? 'hand' : 'pointer'
var subOps = new Array()
function construye(){
cajaMenu = document.createElement('ul')
cajaMenu.style.width = anMenu + "px"
cajaMenu.style.zIndex = 1
cajaMenu.style.marginLeft = 0
cajaMenu.style.paddingLeft = 0
document.getElementById('me').appendChild(cajaMenu )
for(m=0; m < totalMen; m++){
opchon = eval('Op_'+m)
boton = document.createElement('li')
boton.style.marginLeft = 0
boton.style.paddingLef = 0
boton.style.listStyleType = 'none'
boton.style.position = 'relative'
boton.style.zIndex = (100 - m)
boton.className = 'botones'
boton.style.cursor = manita
boton.id = 'op_' + m
if(opchon.enl){
lin = document.createElement('a')
lin.className = 'enlacesmenu'
lin.href = opchon.enl
if(opchon.dest){
lin.target = opchon.dest
}
boton.appendChild(lin)
lin.appendChild(document.createTextNode(opchon.tex ))
}
else{
boton.appendChild(document.createTextNode(opchon.t ex))
}
boton.onmouseover = function(){
mostrar(this)
}
boton.onmouseout=function(){
ocultar(this)
}
cajaMenu.appendChild(boton)
if(opchon.subOp > 0 ){
espan = document.createElement('span')
espan.style.position = 'absolute'
espan.style.right = 0
boton.style.backgroundImage = imaflecha
boton.style.backgroundPosition = 'center right'
boton.style.backgroundRepeat = 'no-repeat'
espan.className = 'espan'
boton.appendChild(espan)
subOps[subOps.length] = boton.id.replace(/o/,"O")
}
}
if(subOps.length >0){subMes()}
}
function subMes(){
lar = subOps.length
for(t=0;t<subOps.length;t++){
opc =eval(subOps[t])
for(v=0;v<opc.subOp;v++){
if(eval(subOps[t] + "_" + v + ".subOp") >0){
subOps[subOps.length] = subOps[t] + "_" + v
}
}
}
construyeSub()
}
function construyeSub(){
for(y=0; y<subOps.length;y++){
opchon = eval(subOps[y])
capa = document.createElement('ul')
capa.className = 'subMe'
capa.style.width = opchon.an + "px"
capa.style.visibility = 'hidden'
capa.style.position = 'absolute'
capa.style.marginLeft = 0
capa.style.paddingLeft = 0
document.getElementById(subOps[y].toLowerCase()).firstChild.nextSibling.appendChild (capa)
for(s=0;s < opchon.subOp; s++){
sopchon = eval(subOps[y] + "_" + s)
opc = document.createElement('li')
opc.style.marginLeft = 0
opc.style.paddingLeft = 0
opc.style.listStyleType = 'none'
opc.className = 'botones'
opc.id = subOps[y].toLowerCase() + "_" + s
if(sopchon.enl){
lin = document.createElement('a')
lin.className = 'enlacesmenu'
lin.href = sopchon.enl
if(sopchon.dest){
lin.target = sopchon.dest
}
opc.appendChild(lin)
lin.appendChild(document.createTextNode(sopchon.te x))
}
else{
opc.appendChild(document.createTextNode(sopchon.te x))
}
capa.appendChild(opc)
opc.style.cursor = manita
opc.onmouseover = function(){
mostrar(this)
}
opc.onmouseout=function(){
ocultar(this)
}
if(sopchon.subOp > 0 ){
espan = document.createElement('span')
espan.style.position = 'absolute'
espan.style.right = 0
opc.style.backgroundImage = imaflecha
opc.style.backgroundPosition = 'center right'
opc.style.backgroundRepeat = 'no-repeat'
espan.className = 'espan'
opc.appendChild(espan)
}
}
}
}
function mostrar(cual){
if(Opera || (document.styleSheets.length > 0 && !document.styleSheets[0].disabled)){
if(tunIex){cual.className = 'botonesHover'}
if(cual.childNodes.length > 1){
cual.firstChild.nextSibling.firstChild.style.visib ility = 'visible'
}
}
}
function ocultar(cual){
if(Opera || (document.styleSheets.length > 0 && !document.styleSheets[0].disabled)){
if(tunIex){cual.className = 'botones'}
if(cual.childNodes.length > 1){
cual.firstChild.nextSibling.firstChild.style.visib ility = 'hidden'
}
}
}
function enlace(cual){
enla = eval('O' + cual.substr(1)).enl
targ = eval('O' + cual.substr(1)).dest
if(targ && targ.toLowerCase() == '_blank'){
window.open(enla,'','')
}
else{
location.href = enla
}

}
onload = construye
</script>
<style type="text/css">

</style>

le movi lo q dice padding para q se hiciera mas chikito pues necesito ver en resolucion de 1024 (cosas de mi jefe) pero o por dios !! en explorer no me lo respeta ademas no kiero q salgan scroll

http://img404.imageshack.us/img404/710/explorerg.jpg

y miren q chulo me lo pone en opera

http://img404.imageshack.us/img404/5695/dibujovuh.jpg

asi chikito sin scroll
pero no entiendo es como si explorer hiciera caso omiso de "kiero las celdas del menu mas chikitas!!!"

por favor no me ignoren sinceramente no se q mas hacer
saludos!!
y mil gracias!!

harvestmoon · #2 (**permalink**) 14/05/2009, 15:42

miren cambie esto

Cita:

.botones {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #7a8dbf;
border: thin solid #7a8dbf;
margin: 1px;
display:inline-block; //esto! jeje
padding: 1px;
display:inline-block;
text-align: center;

display:inline-block; lo encontre en inter dice q asi se soluciona en IE y pues si se ve super bn ya me respeta el padding pero es q en firefox y opera no se ve bn
se todo encimado
que hago para qse vea bn por lo menos en firefox y en IE correctamente
mil gracias!!

zerokilled · #3 (**permalink**) 14/05/2009, 15:56

he tratado de seguir tu tema pero cada descubro que los codigos estan incompletos. es decir, el codigo que muestra son las funciones generales para crear el menu y que por lo general no debes tocar. segun como veo el esquema del codigo, este utiliza a manera de codigos de configuracion para crear el menu y es esta la parte que falta. por ejemplo, hasta ahora encuentro que faltan dos variables que no estan definidas en el codigo provisto, anMenu, totalMen. el mismo script mas adelante utiliza a manera de variables dinamicas Op_# que parecen tambien estar definidas en la configuracion. sin ver como esta funcionando el codigo no sabria indicarte donde realmente tienes que hacer la edicion.

harvestmoon · #4 (**permalink**) 14/05/2009, 16:51

hola si efectivamente no puse el codigo completo por q es mucho y crei q no seria necesario (perdon) pues ahi va mil gracias por contestar eres la unika persona :(

Cita:

esto es lo q faltaba es la parte de arriba saludos y mil gracias!!

zerokilled · #5 (**permalink**) 14/05/2009, 22:11

tengo la duda de cual es exaxctamente tu inquietud. me parece que es que el menu se ve diferente en msie al resto de los navegadores. si esa es tu inquietud, cabe mencionar que el problema no esta en javascript sino en css. he aqui la linea que tienes que agregar para hacerlos de la misma altura en msie.

Código css:

Ver original.botones { /*msie*/
line-height:12px;
...
}
 
html > body .botones{ /*compatible browser*/
line-height:14px;
}
 
.botonesHover {
line-height:12px;
...
}
 
.botones:hover {
line-height:12px;
...
}

harvestmoon · #6 (**permalink**) 15/05/2009, 07:39

Cita:

line-height:12px;

esta linea se la agrego a todos los eventos?
y al principio?

porque como te mencionaba esto se lo puse

Cita:

display:inline-block; //esto! jeje

pero asi se ve bn en explorer pero el 6 o 7 porq en el 8 se ve descuadrado al = q en firefox y enopera

voy a intentar el codigo q me pasaste
pd: entonces debo preguntar en css mejor??

aa y esta parte

Cita:

#
.botones { /*msie*/
#
line-height:12px;
#
...
#
}
#

#
html > body .botones{ /*compatible browser*/
#
line-height:14px;
#
}

tengo q ponerla dos veces es decir lo de botones y abajo eso de html ??

zerokilled · #7 (**permalink**) 15/05/2009, 07:51

aqui es donde hice los cambios, copia y pega.

Código:

<style type="text/css">
<!--
.botones {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:12px;
font-weight: bold;
color: #FFFFFF;
background-color: #7a8dbf;
border: thin solid #7a8dbf;
margin: 1px;
padding: 0px;
text-align: center;
}

html > body .botones{
line-height:14px;
}

.botones:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:12px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #bb7476;
border: thin solid #006699;
margin: 1px;
padding: 0px;
text-decoration: none;
text-align: center;
}

.botonesHover {
line-height:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #bb7476 ;
border: thin solid #006699;
margin: 1px;
padding: 0px;
display: block;
text-decoration: none;
text-align: center;
}

a.enlacesmenu{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
text-align: center;
display: block;
}

a.enlacesmenu:hover{
text-decoration: none;
color: #993333;
}

.subMe{
border: 1px solid #993333;
background-color: #ffffff;
top:0;
}

.espan{
width: 5px;
height: 3px;
}

.style4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #012C5F;
font-size: 14px;
}

body {
margin-top: 0px;
margin-bottom: 0px;
}
-->
</style>

harvestmoon · #8 (**permalink**) 15/05/2009, 08:59

hola mil gracias ahora si se ve y hasta en safari pero descubri algo
abir el firefox para probar y le puse http://localhost/
me lo abrio feo como siempre todo descuadrado
pero luego por error lo abri
y le puse http://192.168.2.19/ que es la direccion de mi makina (asi lo pongo cuando lo pruebo en otras makinas y dif exploradores)
y con el mismo codigo el mismo archivo index.php me salio de maravilla
y en todos los exploradores es =
si le pongo la direccion de mi makina sale super
obvio en otras makinas se ve recchulo
no se q sea la vdd
pero mil gracias por tu apoyo
saludines!!

zerokilled · #9 (**permalink**) 15/05/2009, 09:33

quizas cuando cargo con localhost, el navegador cargo desde la cache. siempre que hagas ediciones a tus documentos, vacia la cache u obliga al navegador a pedir los documentos al servidor con CTRL + F5.

harvestmoon · #10 (**permalink**) 15/05/2009, 10:03

ok lo tomare muy en cuenta mil gracias eres un sol
besos muak!