Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje02-01-2013, 21:11 (UTC)    
Título del mensaje: Generador de iframes

¡Hola!
Acabo de terminar un generador de iframes, pero esta hecho en javascript, así que ustedes podrán agregarlo a sus web

Url:
http://buzzdungeon.es.tl/Generador-de-iframes.htm

Vista previa:

*Clic en la imagen para ir al generador*

Si lo usan, porfavor dejen los créditos
Código:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<!--Programado por buzzdungeon.es.tl-->
<script type="text/javascript">
   $(document).ready(function(){
      var iframe,a,b,c,d,e,f,g;
      $("#iframegen button").click(function(){
         a = $("#ifsrc").val();
         b = $("#ifname").val();
         c = $("#ifheight").val();
         d = $("#ifwidth").val();
         e = $("#ifframe").find("option:selected").val();
         f = $("#ifscroll").find("option:selected").val();
         g = $("#ifalt").val();
         h = $("#ifheightmed").find("option:selected").val();
         i = $("#ifwidthmed").find("option:selected").val();
         iframe = '<iframe src="'+a+'" name="'+b+'" height="'+c+h+'" width="'+d+i+'" frameborder="'+e+'" scrolling="'+f+'">'+g+'</iframe>';
         $("#ifres").val(iframe);
      });

   });
</script>
<form id="iframegen" onsubmit="return false">
   <table>
      <tr>
         <td>Url:</td>
         <td><input type="text" name="src" id="ifsrc"></td>
      </tr>
      <tr>
         <td>Nombre del iframe:</td>
         <td><input type="text" name="name" id="ifname"></td>
      </tr>
      <tr>
         <td>Alto:</td>
         <td><input type="text" name="height" id="ifheight">
            <select id="ifheightmed">
            <option value="px" selected="selected">px</option>
            <option value="%">%</option>
            </select>
         </td>
      </tr>
      <tr>
         <td>Ancho:</td>
         <td><input type="text" name="width" id="ifwidth">
            <select id="ifwidthmed">
            <option value="px" selected="selected">px</option>
            <option value="%">%</option>
            </select>
         </td>
      </tr>
      <tr>
         <td>Frameborder:</td>
         <td><select id="ifframe">
         <option value="1" selected="selected">1</option>
         <option value="0">0</option>
      </select></td>
      </tr>
      <tr>
         <td>Scroll:</td>
         <td><select id="ifscroll">
         <option value="yes" selected="selected">Yes</option>
         <option value="no">No</option>
         <option value="auto">Auto</option>
      </select></td>
      </tr>
      <tr>
         <td>Texto alternativo:</td>
         <td><input type="text" name="alt" id="ifalt"></td>
      </tr>
      <tr>
         <td>Código generado:</td>
         <td><textarea name="res" id="ifres" cols="30" rows="10"><iframe src="" name="" height="" width="" frameborder="" scrolling=""></iframe></textarea></td>
      </tr>
      <tr>
         <td></td>
         <td><button>Generar!</button> creado por <a href="http://buzzdungeon.es.tl" target="_BLANK">Buzzdungeon.es.tl</a></td>
      </tr>
   </table>
</form>


Un saludo

------
- ¿El codigo no funciona? Por favor de aviso a algun moderador haciendo click aqui
______________
/* Programador web freelance. */
/* twitter: @jfdelarosa */


Ultima edición por buzzdungeon el Vie Feb 01, 2013 3:36 pm; editado 2 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group