Foros del Web » Programando para Internet » Javascript »

[Ayuda] Definir valor atributo mediante formulario

Estas en el tema de [Ayuda] Definir valor atributo mediante formulario en el foro de Javascript en Foros del Web. Hola, me gustaría que me hechaseís una mano con un archivo de editor de texto HTML al que quería añadir una opción para el atributo ...
  #1 (permalink)  
Antiguo 19/11/2010, 15:29
 
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 7
Antigüedad: 13 años, 4 meses
Puntos: 0
Pregunta [Ayuda] Definir valor atributo mediante formulario

Hola, me gustaría que me hechaseís una mano con un archivo de editor de texto HTML al que quería añadir una opción para el atributo rel, dejo primero el codigo original y el modificado, que no funciona.

Código HTML:
<script language="JavaScript" type="text/javascript">

<!--

function AddLink() {

	var oForm = document.linkForm;

	

	//validate form

	if (oForm.url.value == '') {

		alert('Please enter a url.');

		return false;

	}

	if (oForm.linkText.value == '') {

		alert('Please enter link text.');

		return false;

	}

	

	var html = '<a href="' + document.linkForm.url.value + '" target="' + document.linkForm.linkTarget.options[document.linkForm.linkTarget.selectedIndex].value + '">' + document.linkForm.linkText.value + '</a>';

	

	window.opener.insertHTML(html);

	window.close();

	return true;

}

//-->

</script>

</head>



<body style="margin: 10px; background: #D3D3D3;">



<form name="linkForm" onSubmit="return AddLink();">

<table cellpadding="4" cellspacing="0" border="0">

	<tr><td colspan="2"><span style="font-style: italic; font-size: x-small;"><b>Tip:</b> To insert an email link, start your URL with "mailto:"</span></td></tr>

	<tr>

		<td align="right">URL:</td>

		<td><input name="url" type="text" id="url" size="40"></td>

	</tr>

	<tr>

		<td align="right">Text:</td>

		<td><input name="linkText" type="text" id="linkText" size="40"></td>

	</tr>

	<tr>

		<td align="right">Target:</td>

		<td align="left">

			<select name="linkTarget" id="linkTarget">

				<option value="_blank">_blank</option>

				<option value="_parent">_parent</option>

				<option value="_self" selected>_self</option>

				<option value="_top">_top</option>

			</select>

		</td>

	</tr>

	<tr>

		<td colspan="3" align="center">

			<input type="submit" value="Insert Link" />

			<input type="button" value="Cancel" onClick="window.close();" />

		</td>

	</tr>

</table>



</form>



</body> 
Código HTML:
<script language="JavaScript" type="text/javascript">
<!--
function AddLink() {
	var oForm = document.linkForm;
	
	//validate form
	if (oForm.url.value == '') {
		alert('Please enter a url.');
		return false;
	}
	if (oForm.linkText.value == '') {
		alert('Please enter link text.');
		return false;
	}
	
	var html = '<a href="' + document.linkForm.url.value + '" target="' + document.linkForm.linkTarget.options[document.linkForm.linkTarget.selectedIndex].value + '" rel="' + document.linkForm.linkrel.options[document.linkform.linkrel.selectedIndex].value + '" >' + document.linkForm.linkText.value + '</a>';
	
	window.opener.insertHTML(html);
	window.close();
	return true;
}
//-->
</script>
</head>

<body style="margin: 10px; background: #D3D3D3;">

<form name="linkForm" onSubmit="return AddLink();">
<table cellpadding="4" cellspacing="0" border="0">
	<tr><td colspan="2"><span style="font-style: italic; font-size: x-small;"><b>Tip:</b> To insert an email link, start your URL with "mailto:"</span></td></tr>
	<tr>
		<td align="right">URL:</td>
		<td><input name="url" type="text" id="url" size="40"></td>
	</tr>
	<tr>
		<td align="right">Texto:</td>
		<td><input name="linkText" type="text" id="linkText" size="40"></td>
	</tr>
	<tr>
	  <td align="right">Lightbox:</td>
	  <td><select name="linkrel" id="linkrel">
        <option value="lightbox" selected>1 imagen</option>
        <option value="lightbox[galeria]">Carrousel 1</option>
        <option value="lightbox[galeria2]">Carrousel 2</option>
		<option value="lightbox[galeria3]">Carrousel 3</option>
      </select></td>
    </tr>
	<tr>
		<td align="right">Target:</td>
		<td align="left">
			<select name="linkTarget" id="linkTarget">
				<option value="_blank">_blank</option>
				<option value="_parent">_parent</option>
				<option value="_self" selected>_self</option>
				<option value="_top">_top</option>
			</select> </td>
	</tr>
	<tr>
		<td colspan="3" align="center">
			<input type="submit" value="Insert Link" />
			<input type="button" value="Cancel" onClick="window.close();" /> </td>
	</tr>
</table>

</form></body> 
Muchas gracias por vuestro interés.

Etiquetas: definir, formulario, atributos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:44.