Buzzdungeon

Generador de iframes

Nombre:
Generador de iframes
Autor:
Buzzdungeon
Url:
Nombre del iframe:
Alto:
Ancho:
Frameborder:
Scroll:
Texto alternativo:
Código generado:
creado por Buzzdungeon.es.tl

Tags: generador iframe javascript js

!Enlaza esta plantilla!

URL
HTML
BBcode

Pega este código en donde quieras que aparezca

<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>

Hoy hubo 7 visitantes (29 clics a subpáginas)

Publicidad

Afiliados