títulos flotantes en html o js

letingel · #1 (**permalink**) 27/01/2014, 13:38

alguien me podría por favor colaborar, necesito ahorrar espacio en mis tablas html, que contienen una lista de actividades, pero que en las cuales los enunciados o descripciones son muy largas y saturan la tabla, alguien sabe hacer algo parecido a lo que se usa en este foro que sale una etiqueta flotante con la descripción completa.

si alguien sabe como se hace le agradezco la ayuda.

PHPeros · #2 (**permalink**) 27/01/2014, 13:40

Es el atributo title

letingel · #3 (**permalink**) 27/01/2014, 13:47

Esta muy bueno pero ya lo aplique y solo me imprime la primera palabra mas no todo el texto, agrego que el texto es traído de una bd, si tienes alguna otra indicación seria lo maximo.

PHPeros · #4 (**permalink**) 27/01/2014, 14:01

Pues entonces es que algo estás haciendo mal a la hora de traer o imprimir esos datos de tu db.

letingel · #5 (**permalink**) 27/01/2014, 14:09

mira como me sale, no creo que sea problema de la impresión pues en la tabla si esta completa la descripción.

PHPeros · #6 (**permalink**) 27/01/2014, 14:15

Pues tendrás que tirar de algún framework de jQuery como este

jonni09lo · #7 (**permalink**) 27/01/2014, 14:20

Cita:

Iniciado por PHPeros

Pues tendrás que tirar de algún framework de jQuery como este

No, no @Phperos, lo que el dice es mostrar una previa de la información en el title. En este caso la descripción de la actividad. Como aparece en FdW cuando pasas el mouse por encima de un titulo de algún tema...

Igual creo que se está ahogando en un vaso de agua. Muestra a ver como lo estás haciendo.

Saludos

letingel · #8 (**permalink**) 27/01/2014, 14:32

este es el codigo de el formulario que muestra unas actividades previamente programadas

junto con alguno datos extra que debe diligenciar el usuario, resalto que tiene alguno problemas de identacion, pero es totalmente funcional.

Código PHP:

Ver original<?php
include("../../conexion.php");
include("fechas.php");
session_start();
if (!$_SESSION['id_usuario']){
echo '<script language = javascript>
alert("usuario no autenticado")
self.location = "../../index.html"
</script>';
}
if(isset($_POST["ordenes"])){
    echo '<input type="hidden" name="idw" value="'.$_POST["ordenes"].'" />';
    $id_ord = $_POST["ordenes"];
}
else{   
    echo '<input type="hidden" name="idw" value="'.$_GET["id_Work"].'" />';
    $id_ord = $_GET["id_Work"];
}
if(isset($_GET["var"])){
    $fechaEnCurso=$_GET["var"];
}
?>
<html>
<head>
<script>
    function aviso(){
        var pres=confirm("Esta seguro de pasar al siguiente paso");
        if (pres){
                document.inicio.action="procesa_informe_diario.php";
            document.inicio.submit();
            }
        }
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb18030" />
<title>Control de obra | LETINGEL S.A.S</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<style type="text/css">
.auto-style1 {
    margin-top: 0px;
}</style>
</head>
<div id="main_container">
<div id="header">
<div class="logo"></div>
<div id="menu">
<ul>
<li><a class="tooltip" href="residente.php" title=""><img src="images/icon1.gif" border="0" alt="" title="" /><span>Inicio</span></a></li>
<li><a class="tooltip" href="soporte.html" title=""><img src="images/icon4.gif" border="0" alt="" title="" /><span>Soporte</span></a></li></ul></div></div>
<div class="subheader_content">
<div class="subheader_text">CONTROL DE OBRA | LETINGEL S.A.S</div></div>
<div id="center_content">
<div align="center"><h1>Informe Diario</h1></div>
<div class="left_content">
<div class="inner_copy"></div>
<div align="center"><h1>Actividades</h1></div><br>
<form name="inicio" method="post" onsubmit="return aviso()" action="">
<?php
echo '<input type="hidden" name="idw" value="'.$id_ord.'" />';
$sql1 = mysql_query ("SELECT * FROM dias_actv WHERE fecha = '$fechaEnCurso'");
echo "<hr>";
echo "<table align=center>
        <tr>        
                <td ALIGN=CENTER>Item</td>
                <td ALIGN=CENTER></td>
                <td ALIGN=CENTER></td>
                <td ALIGN=CENTER>Actividad</td>
                <td ALIGN=CENTER></td>
                <td ALIGN=CENTER></td>
                <td ALIGN=CENTER>Programado</td>
                <td ALIGN=CENTER></td>
                <td ALIGN=CENTER></td>
                <td ALIGN=CENTER>Realizado</td>
                
                </tr>";     
while ($row = mysql_fetch_row($sql1,MYSQL_ASSOC)){
    $id_ac=$row['id_actv'];
    $temp=mysql_query("SELECT * FROM Actividades WHERE id_act = '$id_ac'") or die(mysql_error());
    $actv = mysql_fetch_array($temp);
            echo "<tr>
                      <td ALIGN=CENTER>".$actv['id_act']."</td>
                      <td ALIGN=CENTER></td>
                <td ALIGN=CENTER></td>
                      <td ALIGN=left title=".$actv['Descripcion'].">".$actv['Descripcion']."</td>
                     <td ALIGN=CENTER></td>
                <td ALIGN=CENTER></td>
                <td ALIGN=center>".$row['cantidad']."</td>
                     <td ALIGN=CENTER></td>
                <td ALIGN=CENTER></td>
                      <td ALIGN=CENTER><input type='text' name='cantidad' size='3' required></td>
                  </tr>";                   
}
echo "</table>";        
?>
</body>
</html>