Ver Mensaje Individual
  #9 (permalink)  
Antiguo 26/02/2013, 11:17
ruben_chirinos_1985
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Al pasar por encima de una palabra muestre info

bueno podrias hacerlo de varias formas con title ='HOLA' o con ajax yo lo tengo echo con ajax, aqui lo q hiria en el archivo ajax.js

Código Javascript:
Ver original
  1. // JavaScript Document
  2. // Mensajes de ayuda
  3. //Funcion para que salga el aviso en la imagen de ayuda q esta en algunos modulos************
  4. //Por: Chirinos Ruben tomado de Organizacion empresarial************ */
  5.  
  6. if(navigator.userAgent.indexOf("MSIE")>=0) navegador=0;
  7. else navegador=1;
  8.  
  9. function colocaAyuda(event)
  10. {
  11.     cAyuda=document.getElementById("mensajesAyuda");
  12.     if(navegador==0)
  13.     {
  14.         var corX=window.event.clientX+document.documentElement.scrollLeft;
  15.         var corY=window.event.clientY+document.documentElement.scrollTop;
  16.     }
  17.     else
  18.     {
  19.         var corX=event.clientX+window.scrollX;
  20.         var corY=event.clientY+window.scrollY;
  21.     }
  22.     cAyuda.style.top=corY+20+"px";
  23.     cAyuda.style.left=corX+15+"px";
  24. }
  25.  
  26. function ocultaAyuda()
  27. {
  28.     cAyuda.style.display="none";
  29.     if(navegador==0)
  30.     {
  31.         document.detachEvent("onmousemove", colocaAyuda);
  32.         document.detachEvent("onmouseout", ocultaAyuda);
  33.     }
  34.     else
  35.     {
  36.         document.removeEventListener("mousemove", colocaAyuda, true);
  37.         document.removeEventListener("mouseout", ocultaAyuda, true);
  38.     }
  39. }
  40.  
  41. function muestraAyuda(event,en)
  42. {
  43.     cNombre=document.getElementById("ayudaTitulo");
  44.     cTex=document.getElementById("ayudaTexto");
  45.     ayuda=new Array();
  46.     ayuda["consultastatus"]="En el siguiente formulario ingrese su numero de cedula y realice la busqueda del mismo, en la parte inferior del formulario le saldra sus datos personales y el status de la solicitud de la beca, en caso de no estar registrado le saldra un mensaje de no registrado";
  47.     ayuda["pagos"]="En el siguiente modulo se encuentran todos los pagos de becas registradas, ya sean cobradas o en proceso de cobro, existen dos operaciones para los datos mostrados como son modificar el pago o eliminar el pago de beca, tambien se puede realizar una busqueda avanzada del mismo ingresando el numero de cedula";
  48.    
  49.    
  50.     colocaAyuda(event);
  51.    
  52.     if(navegador==0)
  53.     {
  54.         document.attachEvent("onmousemove", colocaAyuda);
  55.         document.attachEvent("onmouseout", ocultaAyuda);
  56.     }
  57.     else
  58.     {
  59.         document.addEventListener("mousemove", colocaAyuda, true);
  60.         document.addEventListener("mouseout", ocultaAyuda, true);
  61.     }
  62.    
  63.     cNombre.innerHTML=".:: MENSAJE ::.";
  64.     cTex.innerHTML=ayuda[en];
  65.     cAyuda.style.display="block";
  66. }

y esto es lo q q hiria en el vinculo de la imagen

Código Javascript:
Ver original
  1. <img src="http://www.forosdelweb.com/f18/imagenes/Info-48.png" width="23" height="23" onmousemove="muestraAyuda(event,'auditoria')"/>

y esto lo colcoas en el archivo donde colocas la imagen

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. <!--
  3. var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
  4. function showayuda(div)
  5. {
  6. var divv=document.getElementById(div);
  7. var divm=document.getElementById("AY");
  8. divm.style.display="block";
  9. divv.style.display="block";
  10. }
  11.  
  12. function Cerrar_window(div)
  13. {
  14.   var wind = document.getElementById(div); 
  15.   wind.style.display="none";
  16.   var divm=document.getElementById("AY");
  17.   divm.style.display="none";
  18. }
  19. //-->
  20.     </script>
  21. </p>
  22. <div id="mensajesAyuda">
  23.   <div id="ayudaTitulo"></div>
  24.     <div id="ayudaTexto"></div>
  25. </div>