Olá pessoal, estou com um probleminha e gostaria de vossa ajuda.
Eu estou elaborando um código JS para selecionar o texto de determinado elemento, veja:

Código:

<script type='text/javascript'>
function SelectText(element) {
    var text = document.getElementById(element);
    if ($.browser.msie) {
        var range = document.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if ($.browser.mozilla || $.browser.opera) {
        var selection = window.getSelection();
        var range = document.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);
    } else if ($.browser.safari) {
        var selection = window.getSelection();
        selection.setBaseAndExtent(text, 0, text, 1);
    }
}
</script>

O que se sucede é que todas as vezes tenho que inserir a ID na chamada para a função, aqui o tipo de tag que pretendo usar este código:

Código:

<pre><a class="selecionar" href="javascript:SelectText(code1);">Selecionar Tudo</a>
<code id="code1">
Algum texto para ser selecionado aqui.
[...]
</code>
</pre>


Eu gostaria de saber se tem como transformar a função para que sempre que alguem clique no link, ele sempre selecione o elemento seguinte.
Com JQuery acho que seria mais ou menos assim:
Jquery("a.selecionar").click {
Jquery("a.selecionar").nextSibling....

Só que não sei elaborar o restante do código e nem sei se este está correto.

Ou seja, fica muito chato ter que ficar colocando a Id do elemento e tal.
Espero que tenham entendido, e se puderem me ajudar, ficarei grato.

Tente este código:

Código:

<script type='text/Jquery'>
function SelectText(element) {
    var text = document.getElementById(element);
    if (jq.browser.msie) {
        var range = document.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (jq.browser.mozilla || jq.browser.opera) {
        var selection = window.getSelection();
        var range = document.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);
    } else if (jq.browser.safari) {
        var selection = window.getSelection();
        selection.setBaseAndExtent(text, 0, text, 1);
    }
}
</script>

Bom acho que não vai dar certo.

seth's, você apenas trocou a parte "type='text/Javascript'" por "type='text/Jquery'", na realidade não é aí o problema, pois o JQuery é uma livraria Javascript, e no caso, ele é executado como tal.

Mas obrigado pela ajuda.

Bom dia,

Veja se este funciona:

Código:

<script type='text/javascript'>
function SelectText(element) {
 var text = jQuery('#' + element);
 if ($.browser.msie) {
 var range = document.body.createTextRange();
 range.moveToElementText(text);
 range.select();
 } else if ($.browser.mozilla || $.browser.opera) {
 var selection = window.getSelection();
 var range = document.createRange();
 range.selectNodeContents(text);
 selection.removeAllRanges();
 selection.addRange(range);
 } else if ($.browser.safari) {
 var selection = window.getSelection();
 selection.setBaseAndExtent(text, 0, text, 1);
 }
}

jQuery('a.selecionar').click(function() {
   jQuery(this).next('code').ready(function() {
      SelectText(this);
   });
});
</script>



Solkis, o código não sucedeu.
Eu coloquei ele em um arquivo js externo (este para ser mais exato) e fiz a chamada do mesmo dentro da tag head.
Depois o outro código coloquei isto:

Código:

<pre><a class="selecionar">Selecionar Tudo</a>
<code>
Text To Highlight/Select
Some Code
More Some Code
[...]
</code>
</pre>

Onde eu errei?

você esqueceu de fechar a tag
<pre><a class="selecionar"><Selecionar Tudo</a>
<code>

olhe o codigo:
esse codigo esta certo

Código:

<pre><a class="selecionar"><Selecionar Tudo</a>
<code>
Text To Highlight/Select
Some Code
More Some Code
[...]
</code>
</pre>

muryllodantas, não tem nenhuma tag precisando ser fechada, e caso eu utilize o código que você postou, aí é que o código ficará errado mesmo...

Desculpem o double-post, mas é apenas para avisar que já resolvi.
Fiz apenas algumas modificações no script e consegui fazé-lo funcionar como eu gostaria.

Aos interessados:

Código:

var jq = jQuery.noConflict()
function SelectText(text) {
    if (jq.browser.msie) {
        var range = document.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (jq.browser.mozilla || jq.browser.opera) {
        var selection = window.getSelection();
        var range = document.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);
    } else if (jq.browser.safari) {
        var selection = window.getSelection();
        selection.setBaseAndExtent(text, 0, text, 1);
    }
}
jq(document).ready(function(){
jq("a.selecionar").click(function(event) {
  event.preventDefault();
  SelectText( jq(this).next()[0] );
});
  });

Cumprimentos.