Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje20-01-2009, 18:04 (UTC)    
Título del mensaje: Informacion Flash Sobre Vinculo

Este codigo se divide en 3 partes

a) Insertar este codigo dentro de las etiquetas <head> y <head>

Código:
<style type="text/css">
<!--
#ToolTip{position:absolute; width: 100px; top: 100px; left: 100px; z-index:4; visibility:hidden;}
-->
</style>
<script language = "JavaScript">

<!--


var ie = document.all ? 1 : 0

var ns = document.layers ? 1 : 0



if(ns){doc = "document."; sty = ""}

if(ie){doc = "document.all."; sty = ".style"}


var initialize = 0

var Ex, Ey, topColor, subColor, ContentInfo

if(ie){

Ex = "event.x"

Ey = "event.y"

topColor = "#808080"

subColor = "#C0C0C0"

}

if(ns){

Ex = "e.pageX"

Ey = "e.pageY"

window.captureEvents(Event.MOUSEMOVE)

window.onmousemove=overhere



topColor = "#808080"

subColor = "#C0C0C0"

}

function MoveToolTip(layerName, FromTop, FromLeft, e){

if(ie){eval(doc + layerName + sty + ".top = "  + (eval(FromTop) + document.body.scrollTop))}

if(ns){eval(doc + layerName + sty + ".top = "  +  eval(FromTop))}

eval(doc + layerName + sty + ".left = " + (eval(FromLeft) + 15))

}

function ReplaceContent(layerName){


if(ie){document.all[layerName].innerHTML = ContentInfo}

if(ns){

with(document.layers[layerName].document)

{

   open();

   write(ContentInfo);

   close();

}

}

}

function Activate(){initialize=1}

function deActivate(){initialize=0}

function overhere(e){

if(initialize && ie){

MoveToolTip("ToolTip", Ey, Ex, e)

eval(doc + "ToolTip" + sty + ".visibility = 'visible'")

}

else{

MoveToolTip("ToolTip", 0, 0)

eval(doc + "ToolTip" + sty + ".visibility = 'hidden'")

}

}

function EnterContent(TTitle, TContent){

if(ie){

window.document.tooltip.SetVariable("tooltiptitle", TTitle);

window.document.tooltip.SetVariable("tooltipcontent", TContent);

}

}

//-->

</script>


b) Sustituye tu primer <body> por este codigo en la vista html

Código:
<body onmousemove="overhere()">


c) Inserta este codigo dentro de las etiquetas <body> y <body>

Código:
<div id="ToolTip">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" WIDTH="255" HEIGHT="125" name="tooltip" swLiveConnect="true">
    <param NAME="movie" value="info.swf?coloringit=808080">
    <param NAME="loop" value="0">
    <param NAME="menu" value="0">
    <param NAME="quality" value="High">
    <param NAME="scale" value="NoBorder">
    <param NAME="wmode" value="Transparent">
    <param NAME="bgcolor" value="999999">
    <param name="_cx" value="6747">
    <param name="_cy" value="3307">
    <param name="FlashVars" value>
    <param name="Src" value="info.swf?coloringit=FF6600">
    <param name="Play" value="-1">
    <param name="SAlign" value>
    <param name="Base" value>
    <param name="AllowScriptAccess" value="always">
    <param name="DeviceFont" value="0">
    <param name="EmbedMovie" value="0">
    <param name="SWRemote" value>
    <param name="MovieData" value>
    <param name="SeamlessTabbing" value="1">
    <EMBED src="info.swf?coloringit=808080" loop=false menu=false quality=high scale=noborder wmode=transparent bgcolor=#999999 name=tooltip swLiveConnect=true WIDTH=255 HEIGHT=125 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED></object>
</div>

<p align="center"><a href="javascript:void(0)" onMouseover="EnterContent('Título ','Texto de información del enlace'); Activate();" onMouseout="deActivate()">ToolTip Me</a></p>


*Partes que debes modificar:

En estas líneas debes de insertar la ruta del Flash:



<param NAME="movie" value="info.swf?coloringit=808080">

<param name="Src" value="info.swf?coloringit=FF6600">

<EMBED src="info.swf?coloringit=808080"

En esta línea puedes modificar el color del Flash:

<param name="Src" value="info.swf?coloringit=FF6600">

Esta parte del código (al final) es el que hace referencia al vínculo. Puedes insertar tantos quieras... solo tienes que modificar el título y el texto de información del enlace a cada uno ellos.

En esta línea puedes modificar el texto del título y el texto de la información del enlace:



<p align="center"><a href="javascript:void(0)" onMouseover="EnterContent('Título ','Texto de información del enlace'); Activate();" onMouseout="deActivate()">ToolTip Me</a></p>
______________
Miguel García | Desarrollador web freelance


Ultima edición por solamente-sencillo el Mar Ene 20, 2009 2:07 pm; editado 1 vez
Mensaje20-01-2009, 19:04 (UTC)    
Título del mensaje:

gracias por el aporte!!!
Mensaje21-01-2009, 00:17 (UTC)    
Título del mensaje:

Gracia men por el aporte es muy util xD!!!!
______________
Mensaje21-01-2009, 01:55 (UTC)    
Título del mensaje:

No entendí mucho. Qué es lo que hay que poner en lo rojo? el swf de que?
Mensaje21-01-2009, 09:43 (UTC)    
Título del mensaje:

Yo no entiendo para que sirve el code... es para poner un vínculo al archivo Flash con un code?
Creía que solo se podía hacer desde el programa...

Salu2!
Mensaje21-01-2009, 14:54 (UTC)    
Título del mensaje:

Yo lo había visto acá, miren:
www.greendayfod.net
eso es?
Mensaje21-01-2009, 17:05 (UTC)    
Título del mensaje:

Tampoco entiendo para que este code???
Mensaje21-01-2009, 18:12 (UTC)    
Título del mensaje:

yo tamppoco
Mensaje24-01-2009, 02:08 (UTC)    
Título del mensaje:

nixoweb escribió:
No entendí mucho. Qué es lo que hay que poner en lo rojo? el swf de que?


SIrve que para pasar el mause sobre un link habra un pequeño cuadro flash con informacion
______________
Miguel García | Desarrollador web freelance
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group