Que mas puedo hacer en JotForm?

  • Profile Image
    kmilo9607
    Asked on July 27, 2012 at 10:09 AM

    en jotform puedo realizar esta misma funcion?, porfavor ponga el codigo en algun editor html o simplemente blog de notas y lo guardan como html para ver la funcion.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Documento sin t&iacute;tulo</title>
    <style type="text/css" media="screen">
    A:link {color: transparent; font-size: 14pt; font-family: arial; text-decoration: none }
    A:hover {color: transparent; font-size: 14pt; font-family: arial; text-decoration: none }
    A:visited {color: transparent; font-size: 14pt; font-family: arial; text-decoration: none }
    .texton { color: black }
    .texton a:link { color: black; font-size: 14pt; font-family: arial; text-decoration: none }
    .texton a:hover { color: black; font-size: 8pt; font-family: arial; text-decoration: none }
    texton a:visited { color: black; font-size: 8pt; font-family: arial; text-decoration: none }
    </style>
    <script>
    function mostrar(id) {
      obj = document.getElementById(id);
      obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden';
    }
    </script>
    <style type="text/css">
    <!--
    .Estilo2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    }
    .Estilo3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    }
    -->
    </style>
    </head>
    <body>
    <a target="_blank" href="#" onclick="mostrar('divTexto1'); return false" /><img src="//i.imgur.com/GHbfl.png" width="136" height="23" />
    <div id="divTexto1" style="visibility:hidden">
      <table width="404" border="0">
        <tr>
          <td width="182" class="texton"><p class="Estilo3">Punto de Asistencia<br />
      Persona &nbsp;Autorizada</p></td>
          <td width="104" valign="top" class="texton"><p class="Estilo3">Direcci&oacute;n<br />
          Tel&eacute;fono</p></td>
          <td width="104" valign="top" class="texton"><p class="Estilo3">S/N/Or/Oc<br />
          Barrio</p></td>
        </tr>
      </table>
    </div>
    <BR>
    <a target="_blank" href="#" onclick="mostrar('divTexto2'); return false" /><img src="//i.imgur.com/ZLpkm.png" width="110" height="22" />
    <div id="divTexto2" style="visibility:hidden">
      <table width="404" border="0">
        <tr>
          <td width="182" class="texton"><p class="Estilo3">Punto de Asistencia<br />
      Persona &nbsp;Autorizada</p></td>
          <td width="104" valign="top" class="texton"><p class="Estilo3">Direcci&oacute;n<br />
          Tel&eacute;fono</p></td>
          <td width="104" valign="top" class="texton"><p class="Estilo3">S/N/Or/Oc<br />
          Barrio</p></td>
        </tr>
      </table>
    </div>
    <BR>
    <a target="_blank" href="#" onclick="mostrar('divTexto2'); return false" /></a>
    <div id="divTexto2" style="visibility:hidden">
    </body>
    </html>
    si yo puedo hacer la misma funcion en jotform pero de una forma mas organizada sin que se vea ese espacio de las dos opciones.
    porfavor responder lo mas rapido posible gracias.
  • Profile Image
    jeanettebmz
    Answered on July 27, 2012 at 12:09 PM

    Saludos kmilo9607

    Creo que lo que andas buscando es insertar estilos personalizados de CSS, cierto?

    Para hacer eso, una vez que hayas creado tu formulario, debes seguir los pasos en esta guía (en inglés)

    Por favor, si no has chequeado las guías básicas (sobre todo las primeras 4)  te recomiendo que vayas a esta sección

    No dudes en escribirnos nuevamente si necesitas más ayuda

    Jeanette

     

  • Profile Image
    kmilo9607
    Answered on July 27, 2012 at 12:17 PM

    no
    Jeanette lo que yo quiero es un texto desplegable, es decir cuando le den click ala imagen salga un texto y se quede ahi hasta que la persona le vuelva a dar click ala imagen para que se esconda el texto otra vez, si me puedes ayudar muchas gracias.
    Date: Fri, 27 Jul 2012 12:09:44 -0400
    To: kmilo9607@hotmail.com
    Subject: Re: Que mas puedo hacer en JotForm?
  • Profile Image
    jeanettebmz
    Answered on July 27, 2012 at 12:36 PM

    Hola nuevamente

    Mis disculpas por no leer el código detenidamente.

    Fijate que hay una opción "hover Text" , que podrías utilizar en ese caso, pero no sé si es lo que andas buscando, Mira este ejemplo.

    Si crees que esto te sirve, y tienes más dudas , estamos para servirte (solamente te pido paciencia si no contesto pronto)

     

  • Profile Image
    kmilo9607
    Answered on July 27, 2012 at 01:45 PM

    no es lo que ando buscando, mucha gente me dice que es necesario javascript para hacer el texto desplegable
    Date: Fri, 27 Jul 2012 12:36:05 -0400
    To: kmilo9607@hotmail.com
    Subject: Re: Que mas puedo hacer en JotForm?
  • Profile Image
    jeanettebmz
    Answered on July 27, 2012 at 02:03 PM

    Si, en ese caso sería necesario usar javascript que debes incrustar en el header de tu página y luego apuntar a la Clase del formulario que contiene la imagen. Creo que la mejor forma es que te bajes el código completo de la página , está en las guias de usuario (how to download the source code )