home Foro de soporte Ayuda para webmasters Java y Javascript
 
Menu en java
Haz clic para ver el perfil del usuario
Machacateclados
Machacateclados
· ·
#1 ·

Aca tengo un menu...que queria agregarle que cuando pases el mouse por arriva se cambia el background. aqui va el url, si es muy largo lo siento pero quiero agregarle eso:



http:\\webloslouse.webcindario.com/menu.php



espero que me ayuuden o necesitan el codigo directamente=??
Haz clic para ver el perfil del usuario
Moderador
Moderador
· ·
#2 ·

Que menu , yo solo veo un enlace


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Haz clic para ver el perfil del usuario
Machacateclados
Machacateclados
· ·
#3 ·

Disculpa gaf, ya arregle el link, tarde tanto porque desde mi casa no funciona iniciar sesion a mi @, porque!? no se pero el hecho es que no puedo.
gracias, y depaso puse el codigo abajo
nos vemos esperoq ue puedas ayudarme

Haz clic para ver el perfil del usuario
Moderador
Moderador
· ·
#4 ·

Si es lo quie creo, un efecto como el menú de mi web, te lo explican muy bien aca ---> http://www.webexperto.com/articulos/articulo.php?cod=15


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Haz clic para ver el perfil del usuario
Machacateclados
Machacateclados
· ·
#5 ·

si ya vi lo que decias, pero como lo pongo a mi menu?? porque no es ni parecido al que
ahi muestra, ademas dime... el script que luego hacemes referencia lo pongo dentro del java, o antes en head??

Haz clic para ver el perfil del usuario
Moderador
Moderador
· ·
#6 ·

va entre <head> y </head> y lo que se me ocurre que debes hacer es lo siguiente.

Una tabla en cuyos extremos pones las imagenes de los costados. Esa tabla deberá tener tantas celdas como enlaces quieras.

Otra manera es una tabla de tres columnas un fila, en las columnas de los extremos pones las imagenes y en la del medio pones otra tabla con el scrip.

No te compliques si el ejemplo es vertical, pon solo una celda que divides en tantas columnas como quieras.


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Haz clic para ver el perfil del usuario
Machacateclados
Machacateclados
· ·
#7 ·

okas te entiendo, pero viste mi menu, que corre para los costados con las imagenes... no se podria hacer ahi, agregandolo en a href de un link, entonecs se cambia el fondo de la palabra...
me explico?

Haz clic para ver el perfil del usuario
Machacateclados
Machacateclados
· ·
#8 ·

bueno gracias....no me di cuenta de algo, bueno la cosa es que ya llege a lo que queria respecto al background... ahora... como lo meto a mi menu?? porque lo pongo como si fuee un contenido normal y no anda... da u n error... mira checha este url que tengo algunas cosas un poco mas explicadas menu
gracias

Haz clic para ver el perfil del usuario
Machacateclados
Machacateclados
· ·
#9 ·

te hago la pregunta desde otra forma... como pongo 2 tablas, una al lado de la otra, para poder terminar el menu=??
porfavor contesta!

Haz clic para ver el perfil del usuario
Moderador
Moderador
· ·
#10 ·

creas una tabla con de una fila con tres columnas , y en las columnas laterasles pones las otras tablas.


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Haz clic para ver el perfil del usuario
Machacateclados
Machacateclados
· ·
#11 ·

lo hice, pero no puedo meter tablas al java....

Haz clic para ver el perfil del usuario
Moderador
Moderador
· ·
#12 ·

No puedes hacer que???

Veamos el codigo va así entre <head> y </head>

Codigo:
<script>
function mOvr(src,clrOver) {
if (!src.contains(event.fromElement)) {
src.style.cursor = 'hand';
src.bgColor = clrOver;
}
}
function mOut(src,clrIn) {
if (!src.contains(event.toElement)) {
src.style.cursor = 'default';
src.bgColor = clrIn;
}
}
function mClk(src) {
if(event.srcElement.tagName=='TD'){
src.children.tags('A')[0].click();
}
}
</script>


y luego el codigo de la tabla

Codigo:
<TABLE width="250">
<TBODY>
<TR>
<TD onmouseover="mOvr(this,'#729233');"
style="PADDING-LEFT: 6px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: rgb(0,0,0) 1px solid"
onclick=mClk(this); onmouseout="mOut(this,'#475B70');"
vAlign=center width=46 bgColor=#475b70 height=12>
<a href="javascript:">
<font face="Verdana" size="1" color="#FFFFFF">
<span style="text-decoration: none">Enlace 1</span></font></a></TD>
<TD onmouseover="mOvr(this,'#729233');"
style="PADDING-LEFT: 6px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: rgb(0,0,0) 1px solid"
onclick=mClk(this); onmouseout="mOut(this,'#475B70');"
vAlign=center width=37 bgColor=#475b70 height=12>
<font face="Verdana" size="1" color="#FFFFFF">Enlace 3</font></TD>
<TD onmouseover="mOvr(this,'#729233');"
style="PADDING-LEFT: 6px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: rgb(0,0,0) 1px solid"
onclick=mClk(this); onmouseout="mOut(this,'#475B70');"
vAlign=center width=37 bgColor=#475b70 height=12>
<font face="Verdana" size="1" color="#FFFFFF">Enlace 3</font></TD>
<TD onmouseover="mOvr(this,'#729233');"
style="PADDING-LEFT: 6px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: rgb(0,0,0) 1px solid"
onclick=mClk(this); onmouseout="mOut(this,'#475B70');"
vAlign=center width=37 bgColor=#475b70 height=12>
<font face="Verdana" size="1" color="#FFFFFF">Enlace 4</font></TD>
<TD onmouseover="mOvr(this,'#729233');"
style="PADDING-LEFT: 6px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: rgb(0,0,0) 1px solid"
onclick=mClk(this); onmouseout="mOut(this,'#475B70');"
vAlign=center width=46 bgColor=#475b70 height=12>
<font face="Verdana" size="1" color="#FFFFFF">Enlace 5</font></TD></TR>
</TBODY></TABLE>



De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Haz clic para ver el perfil del usuario
Machacateclados
Machacateclados
· ·
#13 · ·

es que lo quiero meter en este menu



<script type="text/javascript">
//configure path for left and right arrows
var goleftimage='pointer2.gif'
var gorightimage='pointer.gif'
//configure menu width (in px):
var menuwidth=300
//configure menu height (in px):
var menuheight=25
//Specify scroll buttons directions ("normal" or "reverse&quot:
var scrolldir="normal"
//configure scroll speed (1-10), where larger is faster
var scrollspeed=6
//specify menu content
var menucontents='<nobr><a href="index.php" >Home</a> | <a href="mensajes/mensajes.php">Mensajes</a> | <a href="fotos.php">Fotos</a>[<a href="tusfotos.php">Tus Fotos</a>-<a href="fotos.php">Albumes</a>] | <a href="nosotros.php">Nosotros</a> | <a href="downloads.php">Downloads</a> | <a href="chat.php">Chat</a> | <a href="vinculos.php">Vínculos</a></nobr>'


////NO NEED TO EDIT BELOW THIS LINE////////////

var iedom=document.all||document.getElementById
var leftdircode='onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"'
var rightdircode='onMouseover="moveright()" onMouseout="clearTimeout(righttime)"'
if (scrolldir=="reverse&quot{
var tempswap=leftdircode
leftdircode=rightdircode
rightdircode=tempswap
}
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-5000">'+menucontents+'</span>')
var actualwidth=''
var cross_scroll, ns_scroll
var loadedyes=0
function fillup(){
if (iedom){
cross_scroll=document.getElementById? document.getElementById("test2&quot : document.all.test2
cross_scroll.innerHTML=menucontents
actualwidth=document.all? cross_scroll.offsetWidth : document.getElementById("temp&quot.offsetWidth
}
else if (document.layers){
ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2
ns_scroll.document.write(menucontents)
ns_scroll.document.close()
actualwidth=ns_scroll.document.width
}
loadedyes=1
}
window.onload=fillup

function moveleft(){
if (loadedyes){
if (iedom&&parseInt(cross_scroll.style.left)>(menuwidth-actualwidth)){
cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed+"px"
}
else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))
ns_scroll.left-=scrollspeed
}
lefttime=setTimeout("moveleft()",50)
}

function moveright(){
if (loadedyes){
if (iedom&&parseInt(cross_scroll.style.left)<0)
cross_scroll.style.left=parseInt(cross_scroll.style.left)+scrollspeed+"px"
else if (document.layers&&ns_scroll.left<0)
ns_scroll.left+=scrollspeed
}
righttime=setTimeout("moveright()",50)
}


if (iedom||document.layers){
with (document){
write('<table border="0" cellspacing="0" cellpadding="2">')
write('<td valign="middle"><a href="#" '+leftdircode+'><img src="'+goleftimage+'"border=0></a> </td>')
write('<td width="'+menuwidth+'px" valign="top">')
if (iedom){
write('<div style="position:relative;width:'+menuwidth+'px;height:'+menuheight+'px;overflow:hidden;">')
write('<div id="test2" style="position:absolute;left:0;top:0">')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+menuwidth+' height='+menuheight+' name="ns_scrollmenu">')
write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')
}
write('</td>')
write('<td valign="middle"> <a href="#" '+rightdircode+'>')
write('<img src="'+gorightimage+'"border=0></a>')
write('</td></table>')
}
}

</script>



que lo puedes ver funcionar en http:\\webloslouse.webcindario.com/menu.php
gracias
DIGANME SI EL URL ESTA MAL!!!!
Haz clic para ver el perfil del usuario
Foro por via intravenosa
Foro por via intravenosa
· ·
#14 ·

Busca aqui tu menu:
http://jbuscador.com/

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Foro de soporte · Ayuda para webmasters · Java y Javascript
Opciones:
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  
TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 15:37 UTC+01:00
Temas similares
 I TemaAutorMensajesVisitasÚltima respuesta
No Hay mensajes nuevos01/May/2012, 22:24
059201/May/2012, 22:24
 Ir al último mensaje del tema