[SOLUCIONADO] Al pasar por encima de una palabra muestre info

[elimnott]

Hola que tal, no sabia como explicar muy bien el titulo, en fin lo que quiero hacer es que en PHP al pasar el mouse por encima de la palabra "(?)" se abra una ventanita negra con la info que yo edite

Por que en PHP? porque estoy trabajando en un archivo .php y necesito un codigo exacto sin comillas o simbolos que no perjudiquen y marquen error en el archivo al verse en la web.

algo asi como en el inicio de la web cuando pasas el mouse por encima de "PHP" y muestra el ultimo tema que se creo, cuantos estan viendo el subforo, etc...

les agradeceria una respuesta y saludos :)

Este es mi php que quiero editar

Código PHP:

  
}

switch ($Rango['0']){
 case "0";
 $pj_rango = "<font color='#0099FF'>Viajero</font> - (?)";
 break;  
   

el simbolo de pregunta entre paréntesis es lo que quiero editar como ya explique anteriormente

[rottenp4nx]

Eso se puede hacer con Javascript (Busca por tooltip)

Sin embargo puedes usar la etiqueta ALT o TITLE

Saludos

[elimnott]

Claro, principalmente intente usar un codigo javascript que al hacer click en la palabra "(?)" abra un alert , usando este codigo

Código HTML:

<a href="javascript: void(0);" onClick="alert('TEXTO');">Click aqui</a> 

pero por el tema que es un archivo PHP no pude hacerlo funcionar, ya que cambiando las comillas " por esto ' no funcionaba... entonces lo que intento hacer es algo que en vez de hacer click, que solo al pasar el cursor por encima de la palabra se abra un cuadro con el texto, tengo entendido que se hace con plantillas CSS pero no se como hacerlo, ni mucho menos si podre hacerlo funcionar dentro de ese código PHP. Muchas gracias por tu respuesta pero necesito ayuda :/

[ruben_chirinos_1985]

hola mira si quieres entra a sta direccion y pasas el cursor del maouse por la imagen de color verde y veras el aviso, es de esa forma q deseas hacerlo http://uptm.sytes.net/becas/consultarstatus.php

[elimnott]

No me abre la web ruben

[ruben_chirinos_1985]

disculpa entra de neuvo es q tengo mi propio hosting y se fue la luz casualidad entra ahora si

[elimnott]

Si, es exactamente lo que quiero :) ahora

Como lo implemento en lo que yo quiero usar?

[rottenp4nx]

Pero escapa las comillas

ejemplo

Código PHP:

echo "Hola \"Mundo\"";
 

Saludos

[ruben_chirinos_1985]

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:

// JavaScript Document
// Mensajes de ayuda
//Funcion para que salga el aviso en la imagen de ayuda q esta en algunos modulos************
//Por: Chirinos Ruben tomado de Organizacion empresarial************ */
 
if(navigator.userAgent.indexOf("MSIE")>=0) navegador=0;
else navegador=1;
 
function colocaAyuda(event)
{
    cAyuda=document.getElementById("mensajesAyuda");
    if(navegador==0)
    {
        var corX=window.event.clientX+document.documentElement.scrollLeft;
        var corY=window.event.clientY+document.documentElement.scrollTop;
    }
    else
    {
        var corX=event.clientX+window.scrollX;
        var corY=event.clientY+window.scrollY;
    }
    cAyuda.style.top=corY+20+"px";
    cAyuda.style.left=corX+15+"px";
}
 
function ocultaAyuda()
{
    cAyuda.style.display="none";
    if(navegador==0) 
    {
        document.detachEvent("onmousemove", colocaAyuda);
        document.detachEvent("onmouseout", ocultaAyuda);
    }
    else 
    {
        document.removeEventListener("mousemove", colocaAyuda, true);
        document.removeEventListener("mouseout", ocultaAyuda, true);
    }
}
 
function muestraAyuda(event,en)
{
    cNombre=document.getElementById("ayudaTitulo");
    cTex=document.getElementById("ayudaTexto");
    ayuda=new Array();
    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";
    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";
    
    
    colocaAyuda(event);
    
    if(navegador==0) 
    { 
        document.attachEvent("onmousemove", colocaAyuda); 
        document.attachEvent("onmouseout", ocultaAyuda); 
    }
    else 
    {
        document.addEventListener("mousemove", colocaAyuda, true);
        document.addEventListener("mouseout", ocultaAyuda, true);
    }
    
    cNombre.innerHTML=".:: MENSAJE ::.";
    cTex.innerHTML=ayuda[en];
    cAyuda.style.display="block";
}
 

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

Código Javascript:

<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:

<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
function showayuda(div)
{
var divv=document.getElementById(div);
var divm=document.getElementById("AY");
divm.style.display="block";
divv.style.display="block";
}
 
function Cerrar_window(div)
{
  var wind = document.getElementById(div);  
  wind.style.display="none";
  var divm=document.getElementById("AY");
  divm.style.display="none";
}
//-->
    </script>
</p>
<div id="mensajesAyuda">
  <div id="ayudaTitulo"></div>
    <div id="ayudaTexto"></div>
</div>
 

[ruben_chirinos_1985]

bueno espero me entiendas, sino me podria enviar un mensaje al correo [email protected], y con gusto te envio los archivos, espero te sirva

[elimnott]

Muchas gracias rottenp4nx y ruben_chirinos_1985 por la ayuda, rotten me dio una idea, y escape las comillas con \\ y me sirvio, no pude lograr lo que queria, pero ahora si salta el alert del JavaScript