Código HTML:
<span class="largetext"><a href="javascript:emoticon('<br>')">Espacio (br)</a></span>
<span class="gensmall"><a href="javascript:bbstyle(-1)" class="largetext" onMouseOver="helpline('a')"><font size=1 face=verdana color=black>Cerrar etiqueta</a></span><span class="gensmall"><br>
<input type="text" name="helpbox" size="45" maxlength="100" style="background-color: D1E7FF; color: #000000; font-family: Verdana; font-size: 10 pt; border: 1 solid #357A9e; width:450px" class="helpline" value=""><br>
</span>
<span class="largetext">
<script language="JavaScript">
function calcLong(txt, dst, formul, maximo)
{
var largo
largo = formul[txt].value.length
if (largo > maximo)
formul[txt].value = formul[txt].value.substring(0,maximo)
formul[dst].value = formul[txt].value.length
}
</script>
<textarea name="noticia" rows="15" cols="35" wrap="virtual" style="background-color: D1E7FF; color: #000000; font-family: Verdana; font-size: 7.5 pt; border: 1 solid #357A9e; width:550px" tabindex="3" class="post" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);"
></textarea> <input name="caracteres" type="text" id="caracteres" value="0" size="4" style="background-color: D1E7FF; color: #000000; font-family: Arial Black; font-size: 15 pt; border: 1 solid #357A9e; width:50px" tabindex="3">
</span>
</td><td>
<a href="javascript:emoticon('<img src=emoticonos/icon_biggrin.gif>')"><img src="emoticonos/icon_biggrin.gif" border="0" alt="Very Happy" title="Very Happy"></a>
<a href="javascript:emoticon('<img src=emoticonos/icon_smile.gif>')"><img src="emoticonos/icon_smile.gif" border="0" alt="Smile" title="Smile"></a>
<a href="javascript:emoticon('<img src=emoticonos/icon_sad.gif>')"><img src="emoticonos/icon_sad.gif" border="0" alt="Sad" title="Sad"></a>
<a href="javascript:emoticon('<img src=emoticonos/icon_surprised.gif>')"><img src="emoticonos/icon_surprised.gif" border="0" alt="Surprised" title="Surprised"></a>
<a href="javascript:emoticon('<img src=emoticonos/icon_eek.gif>')"><img src="emoticonos/icon_eek.gif" border="0" alt="Shocked" title="Shocked"></a>
<a href="javascript:emoticon('<img src=emoticonos/icon_confused.gif>')"><img src="emoticonos/icon_confused.gif" border="0" alt="Confused" title="Confused"></a>
<a href="javascript:emoticon('<img src=emoticonos/icon_cool.gif>')"><img src="emoticonos/icon_cool.gif" border="0" alt="Cool" title="Cool"></a>
<a href="javascript:emoticon('<img src=emoticonos/icon_lol.gif>')"><img src="emoticonos/icon_lol.gif" border="0" alt="Laughing" title="Laughing"></a>
<a href="javascript:emoticon('<img src=emoticonos/icon_mad.gif>')"><img src="emoticonos/icon_mad.gif" border="0" alt="Mad" title="Mad"></a>
<a href="javascript:emoticon('<img src=emoticonos/icon_razz.gif>')"><img src="emoticonos/icon_razz.gif" border="0" alt="Razz" title="Razz"></a>
<a href="javascript:emoticon('<img src=emoticonos/icon_redface.gif>')"><img src="emoticonos/icon_redface.gif" border="0" alt="Embarassed" title="Embarassed"></a>
<a href="javascript:emoticon('<img src=emoticonos/icon_cry.gif>')"><img src="emoticonos/icon_cry.gif" border="0" alt="Crying or Very sad" title="Crying or Very sad"></a>
<a href="javascript:emoticon('<img src=emoticonos/icon_evil.gif>')"><img src="emoticonos/icon_evil.gif" border="0" alt="Evil or Very Mad" title="Evil or Very Mad"></a>
<a href="javascript:emoticon('<img src=emoticonos/icon_twisted.gif>')"><img src="emoticonos/icon_twisted.gif" border="0" alt="Twisted Evil" title="Twisted Evil"></a>
<a href="javascript:emoticon('<img src=emoticonos/icon_rolleyes.gif>')"><img src="emoticonos/icon_rolleyes.gif" border="0" alt="Rolling Eyes" title="Rolling Eyes"></a>
<a href="javascript:emoticon('<img src=emoticonos/icon_wink.gif>')"><img src="emoticonos/icon_wink.gif" border="0" alt="Wink" title="Wink"></a>
<a href="javascript:emoticon('<img src=emoticonos/icon_exclaim.gif>')"><img src="emoticonos/icon_exclaim.gif" border="0" alt="Exclamation" title="Exclamation"></a>
<a href="javascript:emoticon('<img src=emoticonos/icon_question.gif>')"><img src="emoticonos/icon_question.gif" border="0" alt="Question" title="Question"></a>
<a href="javascript:emoticon('<img src=emoticonos/icon_idea.gif>')"><img src="emoticonos/icon_idea.gif" border="0" alt="Idea" title="Idea"></a>
<a href="javascript:emoticon('<img src=emoticonos/icon_arrow.gif>')"><img src="emoticonos/icon_arrow.gif" border="0" alt="Arrow" title="Arrow"></a>
<a href="javascript:emoticon('<img src=emoticonos/file.gif>')"><img src="emoticonos/file.gif" border="0" alt="Arrow" title="Arrow"></a>
</td></tr><tr>
<td>
<p><font size=1 face=verdana> Más:<br>
<textarea name="mas" rows="15" cols="35" style="background-color: D1E7FF; color: #000000; font-family: Verdana; font-size: 7.5 pt; border: 1 solid #357A9e; width:650px; height:450px"> </textarea><br>
Nombre de la imagen:<font color=888888>Para no poner ninguna imagen
poner "imagen.gif"</font><br>
<input type="text" name="imagen" value="imagen.gif" size="40" style="background-color: D1E7FF; color: #000000; font-family: Verdana; font-size: 10 pt; border: 1 solid #357A9e"></p>
</td>
<td>
<p><input type="submit" value="Ingresar noticia" name="enviar" style="background-color: D1E7FF; color: #000000; font-family: Verdana; font-size: 10 pt; border: 1 solid #357A9e"></p>
<Script language="Javascript">
function probar() {
f = window.open();
f.document.write(document.post.noticia.value);
f.document.close();
}
</script>
<a href=# onclick="probar()">Ver noticia antes de enviar</a>
</form>
</td></tr></table>
</body>
</html>
Popup antes de enviar
Código HTML:
19:07 28/05/2004 <HTML>
<HEAD>
<TITLE>Noticias</TITLE>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</HEAD>
<BODY bgcolor="#ffffff" link="#0099ff" vlink="#999999" alink="#000000">
<div id="Layer1" style="position:absolute; left:8px; top:151px; width:713px; height:229px; z-index:1"><img src="reglas.gif" width="853" height="470"></div>
<div id="Layer2" style="position:absolute; left:31px; top:174px; width:707px; height:441px; z-index:2"><img src="imagen.gif" name="imagen"></div>
<TABLE>
<font size=1 face=verdana>Enviar imagen o archivo<br>
<br>
<FORM ENCTYPE="multipart/form-data" ACTION="http://www.calle17.com/noticias.php" METHOD="post">
<INPUT NAME="UploadedFile" TYPE="file" onChange="document.imagen.src='file:///' + this.value" style="background-color: D1E7FF; color: #000000; font-family: Verdana; font-size: 10 pt; border: 1 solid #357A9e">
<INPUT TYPE="submit" VALUE="Enviar archivo" style="background-color: D1E7FF; color: #000000; font-family: Verdana; font-size: 10 pt; border: 1 solid #357A9e">
</FORM>
Vista previa:<br>
<br>
<br>
</BODY>
</HTML> Popup despues de enviar
Código HTML:
<HTML>
<HEAD>
<TITLE>Upload in php</TITLE>
<script>
function ponPrefijo(pref){
opener.document.formul.prefijo.value = pref
window.close()
}
</script>
</HEAD>
<BODY>
<br><br>
<font size=1 face=verdana>Nombre del Archivo: bord_sup.gif <BR>
<HR><form name=fprefijos><input type=Button value=bord_sup.gif onclick=ponPrefijo('+34')> Ha sido enviado correctamente a calle17.com <br>Archivo de imagen: <img src=public/noticias/actualidad/bord_sup.gif> <BR>
<a href=javascript:history.back(1)>Enviar más archivos</a>
<input type=text name=titulo value=bord_sup.gif>
Otro tipo de archivo: <a href=public/noticias/actualidad/bord_sup.gif target=blank>DESCARGAR</a><BR>
</font></BODY>
</HTML>