Modifica del codice da prelevare in un textarea

**greystone** · 24-04-2013, 14:22

Salve,
vorrei offrire ai miei utenti la possibilità di prelevare un codice (un iframe) attraverso un textarea:

codice:

<textarea rows="6" name="code" cols="26"><iframe allowtransparency="0" frameborder="0" width="320" height="280" scrolling="no" src="http://www.pippo.com"></iframe></textarea>

Vorrei anche, però, che le dimensioni di questo iframe fossero personalizzabili attraverso varie opzioni che darei tramite il codice:

codice:

<form method="post" action="">
<select name="pippo">
<option value="1" >320x280</option>
<option value="2" >480x360</option>
<option value="3">640x480</option>
</select>
</form>

Ciò che chiedo è come potrei fare, selezionando una opzione del menù a tendina, a modificare il valore di width e height nel codice da prelevare contenuto nel textarea e... senza reload della pagina.

Se non chiedo troppo, vorrei anche sapere come si fa a selezionare tutto il codice da copiare quando si punta il mouse in un "textarea" o in un "imput text"

Grazie anticipatamente

**carlomarx** · 24-04-2013, 17:14

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Esempio</title>
<script type="text/javascript">
function updateEmbedCode () {
	var aVals = document.html_code.dimensions.options[document.html_code.dimensions.selectedIndex].value.split("x");
	document.html_code.display.value = document.html_code.display.value.replace(/(<iframe[^>]*width\=")[^"]*/, "$1" + aVals[0]).replace(/(<iframe[^>]*height\=")[^"]*/, "$1" + aVals[1]);
}

onload = updateEmbedCode;
</script>
</head>
 
<body>

<form method="post" name="html_code">




	<select name="dimensions" onchange="updateEmbedCode();">
		<option>320x280</option>
		<option>480x360</option>
		<option>640x480</option>
	</select>
</p>



<textarea name="display" rows="6" name="code" readonly onfocus="this.select();" cols="26">&lt;iframe allowtransparency="0" frameborder="0" width="320" height="280" scrolling="no" src="http://www.dimensions.com"&gt;&lt;/iframe&gt;</textarea></p>

</form>

</body>
</html>

**greystone** · 24-04-2013, 18:32

Grazie.....più di dirti grazie non posso

Discussione: Modifica del codice da prelevare in un textarea

Strumenti discussione

Ricerca discussione

Visualizza

Modifica del codice da prelevare in un textarea

Permessi di invio