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

Wenas Rebotado

He cogido de una web, un codigo para que cuando pases el raton por encima de un link, se vea una caja con otros links. con la imagen lo vereis:





Entonces va todo bien, pero el problema es que cuando modifico el codigo para poner mas links, en vez de esos 2 (Foro y email) quiero poner 8 links dentro de esa caja, el problema es que solo me aparecen 2 de esos 8. Y ya no se que hacer porque he probado de todo. Asi que espero que me podais ayudar. Os paso el codigo.


<script language="JavaScript1.2">

//Pop-it menu- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT

linkset[0]='<div class="menuitems"><a href="rescuderias.htm">De escuderías</a></div>'
linkset[0]+='<div class="menuitems"><a href="repilotos.htm">De Pilotos</a></div>'

linkset[1]='<div class="menuitems"><a href="mailto:r24_alonsero_f1@hotmail.com">E-Mail</a></div>'
linkset[1]+='<div class="menuitems"><a href="http://18schamp.foro.st">Foro</a></div>'

linkset[4]='<div class="menuitems"><a href="mclaren.htm">McLaren</a></div>'
linkset[4]='<div class="menuitems"><a href="renault.htm">Renault</a></div>'
linkset[4]='<div class="menuitems"><a href="toyota.htm">Toyota</a></div>'
linkset[4]='<div class="menuitems"><a href="minardi.htm">Minardi</a></div>'
linkset[4]='<div class="menuitems"><a href="bmw.htm">Bmw-Williams</a></div>'
linkset[4]='<div class="menuitems"><a href="Sauber.htm">Sauber</a></div>'
linkset[4]='<div class="menuitems"><a href="Jordan.htm">Jordan</a></div>'
linkset[4]='<div class="menuitems"><a href="redbull.htm">Red Bull</a></div>'
linkset[4]='<div class="menuitems"><a href="bar.htm">Bar-Honda</a></div>'
linkset[4]+='<div class="menuitems"><a href="ferrari.htm">Ferrari</a></div>'

////No need to edit beyond here

var ie4=document.all&&navigator.userAgent.indexOf("Opera&quotGiño==-1
var ns6=document.getElementById&&!document.all
var ns4=document.layers

function showmenu(e,which){

if (!document.all&&!document.getElementById&&!document.layers)
return

clearhidemenu()

menuobj=ie4? document.all.popmenu : ns6? document.getElementById("popmenu&quotGiño : ns4? document.popmenu : ""
menuobj.thestyle=(ie4||ns6)? menuobj.style : menuobj

if (ie4||ns6)
menuobj.innerHTML=which
else{
menuobj.document.write('<layer name=gui bgColor=#E6E6E6 width=165 onmouseover="clearhidemenu()" onmouseout="hidemenu()">'+which+'</layer>')
menuobj.document.close()
}

menuobj.contentwidth=(ie4||ns6)? menuobj.offsetWidth : menuobj.document.gui.document.width
menuobj.contentheight=(ie4||ns6)? menuobj.offsetHeight : menuobj.document.gui.document.height
eventX=ie4? event.clientX : ns6? e.clientX : e.x
eventY=ie4? event.clientY : ns6? e.clientY : e.y

//Find out how close the mouse is to the corner of the window
var rightedge=ie4? document.body.clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie4? document.body.clientHeight-eventY : window.innerHeight-eventY

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.contentwidth)
//move the horizontal position of the menu to the left by it's width
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX-menuobj.contentwidth : ns6? window.pageXOffset+eventX-menuobj.contentwidth : eventX-menuobj.contentwidth
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX : ns6? window.pageXOffset+eventX : eventX

//same concept with the vertical position
if (bottomedge<menuobj.contentheight)
menuobj.thestyle.top=ie4? document.body.scrollTop+eventY-menuobj.contentheight : ns6? window.pageYOffset+eventY-menuobj.contentheight : eventY-menuobj.contentheight
else
menuobj.thestyle.top=ie4? document.body.scrollTop+event.clientY : ns6? window.pageYOffset+eventY : eventY
menuobj.thestyle.visibility="visible"
return false
}

function contains_ns6(a, b) {
//Determines if 1 element in contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function hidemenu(){
if (window.menuobj)
menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide"
}

function dynamichide(e){
if (ie4&&!menuobj.contains(e.toElement))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}

function delayhidemenu(){
if (ie4||ns6||ns4)
delayhide=setTimeout("hidemenu()",500)
}

function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}

function highlightmenu(e,state){
if (document.all)
source_el=event.srcElement
else if (document.getElementById)
source_el=e.target
if (source_el.className=="menuitems&quotGiño{
source_el.id=(state=="on&quotGiño? "mouseoverstyle" : ""
}
else{
while(source_el.id!="popmenu&quotGiño{
source_el=document.getElementById? source_el.parentNode : source_el.parentElement
if (source_el.className=="menuitems&quotGiño{
source_el.id=(state=="on&quotGiño? "mouseoverstyle" : ""
}
}
}
}

if (ie4||ns6)
document.onclick=hidemenu

</script>


Y luego para cada link :


<a href="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()">
<img border="0" src="boton_reglas.gif" width="136" height="31"></a> </p>

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

Perdon me equivoque de imagen Avergonzado

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

Ya lo tengo solucionado, gracias. Si quereis podeis borrar el tema

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 23:12 UTC+01:00
Temas similares
No se han encontrado temas similares