PHP - Toopip

 
Vista:
Imágen de perfil de De la cruz

Toopip

Publicado por De la cruz (4 intervenciones) el 11/10/2016 05:19:20
Buenas,

Estoy teniendo un inconveniente con mi php, mas que inconveniente es una consulta de como poder realizarlo.

tengo una almacen de articulo web,
dd70b1e87e9b4eef83388088f4c0d53b

me gustaría que el usuario al pasar el mouse sobre la imagen del articulo este muestre como una especie de tooltip

aca le muestro una imagen de ejemplo a lo que estoy tratando de realizar y no consigo


ezgif-3714438735

mi codigo es el siguiente, al que le quiero agregar esa funcion y no consigo, tengo la tabla de la cual recogeria la informacion item_descripcion

1
2
3
4
5
6
7
8
9
10
11
12
13
$query = mssql_query("SELECT * FROM PS_WebMall.dbo.donate_items WHERE item_cat = '{$cat}'") or die('no items');
 
if ($Num_Rows > 0) {
	$m = 0;
	$row = array();
	while ($row = mssql_fetch_array($query)) {
		$m++;
 
		if ($row['item_image']) {
			if (file_exists(SYS_ROOT . 'user/images/shop_icons/' . $row['item_image'])) {
				$item_image = "<img src='{$config['home_url']}/user/images/shop_icons/{$row['item_image']}' alt='' />";
			}
		}

aver si alguien puede brindarme un consejo o una mano si no es mucha molestia.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil

Toopip

Publicado por Daniel (43 intervenciones) el 11/10/2016 17:57:26
Vaya pinta tiene eso compa.

Aqui te pongo un trozo de mi código... a mi me va bien. Suerte!


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<input type="checkbox" name="prim_pri" id="prim_pri">
 
<style type="text/css">
   .tip{
      background-color: #ffcc99;
      padding: 10px;
      display: none;
      position: absolute;
   }
</style>
<script src="../jquery-1.4.1.min.js"></script>
<script>
$(document).ready(function(){
   $("#prim_pri").mouseenter(function(e){
      $("#tip1").css("left", e.pageX + 5);
      $("#tip1").css("top", e.pageY + 5);
      $("#tip1").css("display", "block");
   });
   $("#prim_pri").mouseleave(function(e){
      $("#tip1").css("display", "none");
   });    });
</script>
 
 <div class="tip" id="tip1">texto que quieres mostrar</div>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
2
Comentar
Imágen de perfil de jhoni

Toopip

Publicado por jhoni (4 intervenciones) el 11/10/2016 18:30:53
Hola daniel, gracias por la repuesta, pasa que ese codigo no lo puedo utilizar en php me dan error las comilla,

aca explico mejor lo que estoy buscando, en este caso agregando una etiqueta title= title='{$row['item_des']}' toma la descripcion del item al pasar el mouse.

1
2
3
4
5
if ($row['item_image']) {
			if (file_exists(SYS_ROOT . 'user/images/shop_icons/' . $row['item_image'])) {
				$item_image = "<img src='{$config['home_url']}/user/images/shop_icons/{$row['item_image']}' title='{$row['item_des']}' />";
			}
		}

como ves en la imagen al pasar el mouse encima del item muestra la descripción del respectivo item tomando la información de la columna item_des

Screenshot_2


Screenshot_3

lo que busco es darle un stylo en css para el title

algo parecido a este

57fc591b936fc-ezgif-3714438735

o tal ves lo estoy haciendo mal yo.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil

Toopip

Publicado por Daniel (43 intervenciones) el 11/10/2016 20:54:17
pues por lo que entiendo, te sale una imagen con lo que pone en la db y no se si a las imágenes puedes darles hoja de estilos.

En el código que te he mandado, también se puede referenciar a consultas de una base de datos. yo la uso en una web donde el profesorado del colegio reserva aulas. al pasar el raton por encima de una imagen de prohibido (de un aula ya reservada) muestra el nombre del profe que la reservó.

ahi tienes un pantallazo de ejemplo, creo que es muy parecido al comportamiento que buscas, y el div lleva estilos!!

Captura-de-pantalla-2016-10-11-a-las-20.43.54
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de jhoni

Toopip

Publicado por jhoni (4 intervenciones) el 13/10/2016 09:19:43
esta perfecto daniel muchísimas gracias, saludos
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar