Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje20-01-2009, 18:04 (UTC)    
Título del mensaje: Informacion Flash Sobre Vinculo
Responder citando
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:
Responder citando
gracias por el aporte!!!
↑
Mensaje21-01-2009, 00:17 (UTC)    
Título del mensaje:
Responder citando
Gracia men por el aporte es muy util xD!!!!
______________
↑
Mensaje21-01-2009, 01:55 (UTC)    
Título del mensaje:
Responder citando
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:
Responder citando
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:
Responder citando
Yo lo había visto acá, miren:
www.greendayfod.net
eso es?
↑
Mensaje21-01-2009, 17:05 (UTC)    
Título del mensaje:
Responder citando
Tampoco entiendo para que este code???
↑
Mensaje21-01-2009, 18:12 (UTC)    
Título del mensaje:
Responder citando
yo tamppoco
↑
Mensaje24-01-2009, 02:08 (UTC)    
Título del mensaje:
Responder citando
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:   
  • Página 1 de 1

  •  
    • Saltar a:  


Powered by phpBB © 2001, 2005 phpBB Group

© 2024 webme GmbH, Alemania. Todos los derechos reservados.