eso pensaba, pero estaba con la duda, gracias.

No me saca nadie de aca hasta que termine esto.

Pd.- Mi teclado esta lleno de cenizas de cigarro y gotas de café

Pues yo seguiré mañana, ahora me voy a dormir que son más de las 00.30 y mañana madrugo.

Buenas noches y suerte con el código, a ver si los demás se animan a intentarlo y entre todos lo sacamos.

Pucha, no pense que iba a provocar tanto problema y justo hoy estube todo el dia en la facultad... igual ya lei casi todo y creo que por poco lo tienen...

el ".js" lo unico que tiene es un array

puedes dejar el code completo... mira que me esta ganando...

Es que deje todo lo que use.... si queres dejo todo mi cabecera y pie... no tengo drama

Que parte no les funciona? la de insertar o la de desplegar el menu?

voy en esto...

pero me deja la tabla unos centimetos debajo de donde dice mas caretos de gorrapuestas
ve el enlace que te dejo y dime plis
http://miarroba.com/foros/post.php?foroid=218876#
[code]<script>
var ubicacion = document.location.toString()
var post = "http://miarroba.com/foros/post.php"
if (ubicacion.substring(0, post.length) == post)
{
document.write("<div style='position:absolute; z-index:0; height: 7; top: 450'><a class=texto href=# onMouseOver=MM_showHideLayers('Caretos','','show') onMouseOut=MM_showHideLayers('Caretos','','hide')><img border=0 src=http://www.gorrapuestas.com.ar/caretos/gp_wink.gif><b> Más Caretos de Gorrapuestas</b></a></div>")
}
</script>
<script src="http://www.gorrapuestas.com.ar/caretos/caretos.js"></script>
<div id=Caretos style='position:absolute; width:100; z-index:1; visibility: hidden; left: 40; top: 624;' onMouseOver=MM_showHideLayers('Caretos','','show') onMouseOut=MM_showHideLayers('Caretos','','hide')>
<table width="160" border=1 bordercolor=#386898 cellspacing="0" align="left">
<script>
var inicio='[img]http://www.gorrapuestas.com.ar/caretos/'
var fin='[/img]'
for (var nro=0; nro < careto.length; nro++)
{
document.write("<tr>")
for (var i=0; i<4 && nro<careto.length; i++, nro++)
{
document.write("<td class=texto height=40 width=40 align=center><a href=javascript:AnadeTexto('"+inicio+careto[nro]+fin+"')><img border=0 src=http://www.gorrapuestas.com.ar/caretos/"+careto[nro]+"></a></td>")
}
nro--
document.write("</tr>")
}
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}

</script>
</table>
</div>
[/code]

puede ser que falte este archivo caretos.js ¿cual es el code ?

Donde tienes esta linea:

<div id=Caretos style='position:absolute; width:100; z-index:1; visibility: hidden; left: 40; top: 624;' onMouseOver=MM_showHideLayers('Caretos','','show') onMouseOut=MM_showHideLayers('Caretos','','hide')>


Cambia el 624 a 460 o 470, anda probandolo... Es la ubicacion de la tabla. Y para que se mantengan tienen que estar pegadas para que nunca saques el mouse de encima. O sea pases del hipervinculo a la tabla. Mucho no se de Javascript y fueron las unicas funciones de menus desplegables que aprendi a usar. Te digo 460 porque vi que en el otro le pusiste 450...

<div id=Caretos style='position:absolute; width:100; z-index:1; visibility: hidden; left: 40; top: 460;' onMouseOver=MM_showHideLayers('Caretos','','show') onMouseOut=MM_showHideLayers('Caretos','','hide')>


y todo el codigo que tiene el caretos.js es:

var careto = new Array ("gp_wink.gif", "gp_triste.gif", "gp_sorpresa.gif",
"gp_sonrisa.gif", "gp_risa.gif", "gp_molesto.gif", "gp_llanto.gif",
"gp_lengua.gif", "gp_insulto.gif", "gp_feliz.gif", "gp_enojo.gif",
"gp_eem.gif", "gp_asleep.gif", "gp_amor.gif", "gp_confuso.gif",
"gp_alpedo.gif&quot

El arreglo con los nombres de las imagenes

a lo que voy es que no logro, hacer que la tabla de los smiles quede pegada del enlace que la despliega

El problema es que las tenes muy separadas una de la otra... Intenta ponerle apenas 10 pixeles mas... Pensa que tenes como 200 pixeles de separacion entre una y otra...

Lo acabo de probar en tu pagina y me funciono, solo tendrias que arreglar es las alineaciones un poco mejor y listo...

por tengo suficiente

en esto voy, se los dejo. Mañana sigo. Ojala y Big vea el problema. Por hoy me doy.

[code]<script>
var ubicacion = document.location.toString()
var post = "http://miarroba.com/foros/post.php"
if (ubicacion.substring(0, post.length) == post)
{
document.write("<div style='position:absolute; z-index:0; height: 7; top: 450'><a class=texto href=# onMouseOver=MM_showHideLayers('Caretos','','show') onMouseOut=MM_showHideLayers('Caretos','','hide')><img border=0 src=http://www.gorrapuestas.com.ar/caretos/gp_wink.gif><b> Más Caretos de Gorrapuestas</b></a></div>")
}
</script>
<script src="http://www.gorrapuestas.com.ar/caretos/caretos.js"></script>
<div id=Caretos style='position:absolute; width:100; z-index:1; visibility: hidden; left: 40; top: 460;' onMouseOver=MM_showHideLayers('Caretos','','show') onMouseOut=MM_showHideLayers('Caretos','','hide')>

<table width="160" border=1 bordercolor=#386898 cellspacing="0" align="left">
<script>
var inicio='[img]http://www.gorrapuestas.com.ar/caretos/'
var fin='[/img]'
for (var nro=0; nro < careto.length; nro++)
{
document.write("<tr>")
for (var i=0; i<4 && nro<careto.length; i++, nro++)
{
document.write("<td class=texto height=40 width=40 align=center><a href=javascript:AnadeTexto('"+inicio+careto[nro]+fin+"')><img border=0 src=http://www.gorrapuestas.com.ar/caretos/"+careto[nro]+"></a></td>")
}
nro--
document.write("</tr>")
}
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}

</script>
</table>
</div>
[/code]

Debido a los problemas que hubo para la configuracion, aca hice una version un poco mas adaptable y con mas comentarios. Asi como esta sirve para un foro sin estrabgulamiento ni encabezado, pero veran que ahora es todo con variables y facilmente modificable. No se olviden que si el cartel quie anuncia los caretos no esta pegado a la tabla, no funciona....

----------------------------------------------------------------------






<style>
<!--
.texto {font-family: Verdana; font-size: 11px; font-weight: bold; color: #386898; background-color:#FFFFFF}
a:link.texto {text-decoration:none;}
a:hover.texto {text-decoration:underline}
-->
</style>

<script>
//ESTE ARREGLO VA A TENER LOS NOMBRES DE TODOS LOS CARETOS QUE DESEO PONER
var careto = new Array ("gp_wink.gif", "gp_triste.gif", "gp_sorpresa.gif",
"gp_sonrisa.gif", "gp_risa.gif", "gp_molesto.gif", "gp_llanto.gif",
"gp_lengua.gif", "gp_insulto.gif", "gp_feliz.gif", "gp_enojo.gif",
"gp_eem.gif", "gp_asleep.gif", "gp_amor.gif", "gp_confuso.gif",
"gp_alpedo.gif") //este es mi arreglo

//ESTA VARIABLE VA A TENER LA UBICACION DONDE SE ENCUENTRAN LOS CARETOS
//SI FUERAN DE VARIAS CARPETAS, CONVENDRIA PONER LAS DIRECCIONES COMPLETAS EN EL ARREGLO
//Y DEJAR ESTA VARIABLE COMO ARREGLO VACIO ""
var carpeta = "http://www.gorrapuestas.com.ar/caretos/" //esta es mi carpeta

//TOMO LA DIRECCION ACTUAL DE LA PAGINA Y COMPARO LA PRIMERA PARTE PARA VER SI ES UN POST
//SI LO ES, PUBLICO UN CARTEL QUE POSICIONANDOME SOBRE EL ME DESPLEGARA UN MENU CON TODOS LOS CARETOS
var ubicacion = document.location.toString()
var post = "http://miarroba.com/foros/post.php"
var cartel = "Mas Caretos" //este es el cartel que publicara
var posCartelTop = 450 //Esta es la posicion donde ubicare
var posCartelLeft = 20 //el cartel. Depende de cada foro.
if (ubicacion.substring(0, post.length) == post)
{
document.write("<div style='position:absolute; z-index:0; left: "+ posCartelLeft +"; top: "+ posCartelTop +"'><a class=texto href=# onMouseOver=MM_showHideLayers('Caretos','','show') onMouseOut=MM_showHideLayers('Caretos','','hide')><img border=0 src="+carpeta+careto[0]+"><b>"+cartel+"</b></a></div>")
}

//ESTAS TRES SON FUNCIONES ESTANDARES, NO MODIFICAR!
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}

//LO QUE SIGUE A CONTINAUCION ES LA CREACION DE UN DIV QUE ENCIERRA UNA TABLA.
//AL PRINCIPIO LA TABLA ESTA INVISIBLE (visibility: hidden) Y LA POSICION ESTA DADA POR left:20
// Y top: 460. ES IMPORTANTE QUE LA TABLA QUEDE A CONTINUACION DEL CARTEL. DEBE PERMITIR EL PASO
//DE UNO A OTRO
</script>

<div id=Caretos style='position:absolute; width:100; z-index:1; visibility: hidden; left: 20 ; top: 470;' onMouseOver=MM_showHideLayers('Caretos','','show') onMouseOut=MM_showHideLayers('Caretos','','hide')>
<table width="160" border=1 bordercolor=#386898 cellspacing="0" align="left">
<script>
//ESTE CICLO CREA LAS CELDAS DE LA TABLA INTERACCIONANDO CON EL ARREGLO QUE PUSIMOS ANTES
//LA FUNCION A LA QUE LLAMA ES UNA PROPIA DE MI@
var inicio='[img]'+carpeta
var fin='[/img]'
for (var nro=0; nro < careto.length; nro++)
{
document.write("<tr>")
for (var i=0; i<4 && nro<careto.length; i++, nro++)
{
document.write("<td class=texto height=40 width=40 align=center><a href=javascript:AnadeTexto('"+inicio+careto[nro]+fin+"')><img border=0 src=http://www.gorrapuestas.com.ar/caretos/"+careto[nro]+"></a></td>")
}
nro--
document.write("</tr>")
}
</SCRIPT>
</table>
</div>

Cuando pasen el codigo anterior, borren los cmoentarios o fijense que no les queden en dos renglones, sino no les va a funcionar...

Os estoy siguiendo con detenemiento, pero mi problema es que todo esto me suena a chino.

Así que os agradecería, que lo que sea definitivo me lo hagaís saber, para modificar y dejar correcto el truco en el mensaje de trucos.

Big head, como veo que has puesto que hay que quitar cosas del último código que has puesto te agradecería para que fuera mas sencillo, que lo que haya que quitar lo pongas en otro color, para que sea má sencillo para la gente.

Saludos

El codigo anterior funciona correctamente, pero deja que Gaf o Ikerman compruebe que asi es, lo he copiado y pegado y me he dado cuenta que mi miedo era infundado, ya que toma realmente corta las lineas como debe. No le pongo otro color porque eso sera activar codigos mi@ y se confunde con cosas propias del codigo....

Repito lo que yo comentaba, en Javascript lo que empieza con "//" es considerado como comentario toda la linea. Cuando envie el mensaje, me di cuenta que me separo comentarios en dos lineas, haciendo que la segunda no sea comentario, pero cuando copie y pegue el codigo, me di cuenta que lo hizo correctamente. O sea que es utilizable.

espero que esta vez les funcione. Y cualquier cosa avisen.

Gracias por la confinza acabo llegar y manos a la obra.
Por cierto, si hay otros que se animan, no es necesario sacar los comentarios, ya que el navegador solo interpreta el codigo javascript no los comentarios

Gracias Emiliano, a la noche me pongo de nuevo con esto, ahora tengo poco tiempo. Probaré a anidar el código del enlace en una tabla a ver si así me deja modificar las propiedades del texto, probablemente use CSS.

Saludos.

en el pie tb funciona.... porque la etiqueta div lo muevea donde va...

Tienes razón, lo acabo de probar en el pie. Ya que tengo mucho codigo en la cabecera.Funciona Bien.

Ahora estoy cambiando la configuración de los colores de la tabla y los emoticons que como dijo Iker esto ya es juego de niños.

Aunque siguen algunos problemas en la ubicación del enlace no me los deja bajo Atyda codigos sino sobre ellos.

Otra cosa que no veo es donde editar el color del fondo del enlace

El color de fondo del enlace lo modificas dentro de las etiquetas <style>... aunque por ahi te conviene darle algun class tuyo...

Yo nunca dije que esto era facil, pero algo es algo. A partir del 28 de Diciembre me pongo con ver si lo puedo hacer desde otra ventana... mi@ no me va a ganar.... aunque podrian ver si pueden agregar caretos personalizados

No entendi muy bien cual es tu problema... me contas con otras palabras?

Si logras lo de los ultimos mensajes, sos un idolo!!!!

Ah... el script se puede mejorar porque me percate un pequeño detalle. Los caretos cargaban en todas las paginas, se usen o no. Lo que habría que realizar es lo siguiente. Borrar el arreglo "Careto" de donde estaba. y ponerlo dentro del IF de la manera que sigue:


if (ubicacion.substring(0, post.length) == post)
{
//ESTE ARREGLO VA A TENER LOS NOMBRES DE TODOS LOS CARETOS QUE DESEO PONER
var careto = new Array ("gp_wink.gif", "gp_triste.gif", "gp_sorpresa.gif",
"gp_sonrisa.gif", "gp_risa.gif", "gp_molesto.gif", "gp_llanto.gif",
"gp_lengua.gif", "gp_insulto.gif", "gp_feliz.gif", "gp_enojo.gif",
"gp_eem.gif", "gp_asleep.gif", "gp_amor.gif", "gp_confuso.gif",
"gp_alpedo.gif") //este es mi arreglo

document.write("<div style='position:absolute; z-index:0; left: "+ posCartelLeft +"; top: "+ posCartelTop +"'><a class=texto href=# onMouseOver=MM_showHideLayers('Caretos','','show') onMouseOut=MM_showHideLayers('Caretos','','hide')><img border=0 src="+carpeta+careto[0]+"><b>"+cartel+"</b></a></div>")

}
else
{
var careto = new Array ("")
}


NO publico el codigo completo porque seguro se le siguen haciendo cambios...

En lo de los ultimos mensajes me concentro luego.

Una vez que solucione el problema de la localización del enlace de los caretos mira donde sale

Aumenta mas la variable posCartelArriba. Te diria como que le sumes unos 150 mas.

y despues debes cambiar la variable top del DIV id=caretos en mas o menos la misma cantidad.

sabes, parezco nuevo usuario. Pregunto y luego me doy cuenta de donde estan las cosas.

ya esta 100% configurado. Velo en http://ffm.foros.st y ni te digo de donde saque los caretos que uso porque ni me acuerdo,

pero estan de lujo

Cualquier cosa te los robo!!! Yo puse los que tengo porque los hizo una usuaria y son todos caretos gorrapuestas!