quinta-feira, 29 de outubro de 2009

Queres dicionário no teu blog?

Isto realmente... Como quero ser milionário até aos 3o nos últimos dias tenho voltado à programação activa. Não me vou alongar muito - ou nada! -, porque afinal o segredo é a alma do negócio!

Mas não tenho feito programação Web.. Contudo, podem-se fazer coisas giras com um esforço reduzido. O que é que me ocorreu? Mostrar a definição de uma palavra neste blog quando é seleccionada.

Podem experimentar (duplo clique sobre a palavra a pesquisar) com os seguintes provérbios "apimentados":

Expõe-me com quem deambulas e a tua idiossincrasia augurarei.

Espécime avícola na cavidade metacárpica, supera os congéneres revolteando em duplicado.

Quem movimenta os músculos supra faciais mais longe do primeiro,movimenta-os substancialmente em condições excepcionais.


Porreiro, não é? Isto é um protótipo e pode ser melhorado (mania da perfeição), mas tenho de aplicar o meu tempo em outras coisas mais importantes neste momento.


Mas não sou egoísta, ein! Fica aqui a forma como podem adicionar isto ao vosso blog (no blogger.com - este site! lol). Passos:

1 - Têm de iniciar a vossa sessão, como se fossem "postar". Personalizar >> Editar HTML

2 - (Editar Modelo) Aparece muita coisa que não interessa a ninguém. Procurem a tag que diz <body> .. cá para baixo e substituam isso por <body ondblclick='showDictionaryForWord()'>

3 - Imediatamente antes da tag </head> (mesmo acima da anterior), coloquem esta porrada de coisas (copy/paste):


<script type='text/javascript'>

String.prototype.trim = function () {
return this.replace(/^\s*/, &quot;&quot;).replace(/\s*$/, &quot;&quot;);
}

function showDictionaryForWord() {

var selectedText = &#39;&#39;
if (window.getSelection)
{
selectedText = window.getSelection();
}
else if (document.getSelection)
{
selectedText = document.getSelection();
}
else if (document.selection)
{
selectedText = document.selection.createRange().text;
}
else {
return;
}

var initialUrl = &#39;http://www.infopedia.pt/lingua-portuguesa/&#39;
var finalUrl = initialUrl + selectedText;

if( finalUrl.trim().length <= 43 ) return;
//initialUrl.trim().length == 0 does not work

targetWindow = window.open(finalUrl, &#39;win1&#39;,&#39;width=300,height=500,status,resizable,scrollbars&#39;);

}

</script>



Guardar modelo (não deverão aparecer erros..) e já está! :)

Sem comentários:

...

Related Posts with Thumbnails