Foros del Web » Programando para Internet » Javascript »

Tabulacion como link

Estas en el tema de Tabulacion como link en el foro de Javascript en Foros del Web. hola ¿Se puede hacer algo como insertar una tabulacion de una frase desde un link? Mi interes es generar un listado en html, pero que ...
  #1 (permalink)  
Antiguo 09/04/2012, 19:02
 
Fecha de Ingreso: junio-2009
Mensajes: 101
Antigüedad: 15 años, 6 meses
Puntos: 0
Tabulacion como link

hola

¿Se puede hacer algo como insertar una tabulacion de una frase desde un link?
Mi interes es generar un listado en html, pero que contenga la posibilidad de ir modificando las tabulaciones segun el deseo del lector de manera que pueda ir modificando el orden de la estructura del texto organizado.
Ej:

Código:
-Definición de palabra
                     - en el Diccionario de español en línea. 
                                         - Significado de palabra
                                         - traducción de palabra
                                         - Descomposicion lingusitica
                     - en el Diccionario Everest
--------------------------------------------

Cada linea : ¿sería posible correrla mas a la derecha o mas a la izquierda con un link? La idea es que pueda ser opcional para el usuario, de forma que quede organizado a su propio antojo (correr 2 o 3 o 4 veces mas a la derecha o volver 2 o 5 veces mas a la ziquierda por cada linea)

Se podrá?

Gracias

Última edición por luqueagm; 09/04/2012 a las 19:04 Razón: tabular
  #2 (permalink)  
Antiguo 09/04/2012, 19:55
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 5 meses
Puntos: 1567
Respuesta: Tabulacion como link

Podés probar algo a partir de esto

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.  
  7. <script type="text/javascript">
  8. //<![CDATA[
  9. function indent(linea,valor){
  10. document.getElementById(linea).style.textIndent= valor + 'px';
  11. }
  12.  
  13. //]]>
  14.  
  15. </head>
  16.  
  17. <a href="#" onclick="indent('p1',30);">linea 1</a><br />
  18. <a href="#" onclick="indent('p2',60);">linea 2</a><br />
  19. <p id="p1">
  20. Línea uno
  21. </p>
  22. <p id="p2">
  23. Línea dos
  24. </p>
  25. </body>
  26. </html>

Es una aproximación, habría que desarrollarlo. Podes hacer un form dónde el usuario indique a que linea y que espaciado usar.
Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: html, link, tabulacion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:21.