ISO Characters Table - Regalo

Saruman · #1 (**permalink**) 30/10/2004, 00:16

hola a todos....

hice una pequeña tabla de los caracteres especiales, asi como los que salen en dreamwever ya que quiero agrandar mi editor de texto para que este super completo, y empece a buscar info acerca de los caracteres de html, y me encontre con ISO Characters. si quieren info acerca de eso solo pongan esa palabra en google.com.

esta sencillo asi que espero les guste y cualquier comentario me avisan porfa...

characters.html

Código HTML:

<html STYLE="width: 500px; height: 220px">
<head>
<title>Otros Caracteres</title>
</head>

<script language="javascript">
	function _CloseOnEsc() {
		if (event.keyCode == 27) { window.close(); return; }
	}
	
	function Init() {
		document.body.onkeypress = _CloseOnEsc;
	}
	
	function Set(string) {
		if (string == null) {
			alert("Error en el Caracter: " + string);
		} else {
			string = "&#" + string + ";";
			window.returnValue = string;
			window.close();
		}
	}
</script>

<style type="text/css">
	.c_fxdsys {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
</style>

<body onload="Init()">

<table width="100%" cellpadding="2" cellspacing="2">
<tr>

<script type="text/javascript">
var j = 0;
for(i=32; i <= 255; i++) {
	tag_html = "&#" + i + ";"
    document.write('<td id="' + i + '" ');
    document.write('style="cursor:hand; border:1px solid #000000; text-align:center; background-color:\'#D6D3CE\';" ');
    document.write('onmouseover="this.style.backgroundColor=\'#FFFF00\';" ');
	document.write('onclick="javascript:Set(this.id)" ');
    document.write('onmouseout="this.style.backgroundColor=\'#D6D3CE\';">');
    document.write('<span class="c_fxdsys">' + tag_html + '</span><br />');
    document.write('</td>');
	
	if (i == 126) {
		i = 161;
	}
	
	if (j == 20) {
		document.write('</tr><tr>');
		j=0;
	} else {
		j++;
	}
}
</script>

</tr>
</table>

</body>
</html>

default.html

var my_character = showModalDialog("characters.html",
"OtherCharacters",
"resizable: no; help: no; status: no; scroll: no;");

pd. estoy oviando el modo de insercion en el texto. yo lo cree especialmente para mi editor de html online (parecido a este). asi que solo deben adaptarlo....

saludos

caricatos · #2 (**permalink**) 30/10/2004, 00:29

Hola Saruman:

Gracias por el aporte.
Si te interesan más códigos, fíjate en el generador que me ayudaron a implementar en este foro: http://www.pepemolina.com/generador/generador.html

Arriba a la derecha hay un botón que pone letras... Enlaza con un popup que se parece bastante a tu código.

Saludos

Saruman · #3 (**permalink**) 30/10/2004, 08:16

gracias caricatos por tus comentarios.
la verdad es que es bastante parecido a lo que hice.....

ta super cool

saludos

caricatos · #4 (**permalink**) 01/11/2004, 16:21

Hola otra vez:

Es importante que compartamos nuestros conocimientos (creo que así funciona ésto)

Tan solo vi que te interesaste por algo que yo también había trabajado.
Espero que los foreros se animen más a compartir sus soluciones y no solo esperar respuestas a sus problemas.

Saludetes