What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Que mas puedo hacer en JotForm?

    Asked by kmilo9607 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

    Answered by jeanettebmz 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

    Answered by kmilo9607 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

    Answered by jeanettebmz 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

    Answered by kmilo9607 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

    Answered by jeanettebmz 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 )