Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 50 postagens
Mais de 50 postagens
Tópico Autor
Mensagens: 57

Mudar a cor de texto selecionado

19-01-2010 14:23

Olha eu ai denovo :plus

Estou tendo um problema no editor html na parte de alterar a cor da fonte.

as vezes penso que o js tem vida e opinião própria!!!

Eu tinha criado uma palheta de cores que era aberta por 2 popups (cor da fonte e cor de fundo),, pesquisando, descobri uma forma de fazer uma janela que abre a palheta com a tag div, até ai beleza, só que quando clico no botão para colocar cor de fundo funciona bem, mas para cor da fonte não!!!
e da outra forma que fiz estava funcionando bem no ie, no firefox estava com o mesmo problema da cor da fonte.

O codigo html tem um javascript que cria a tabela de cores altomaticamente, e dentro dela tem uma funcao chamada cores(cor) aonde atribui a cor selecionada no editor (para a cor de fundo funciona bem)
Segue o codigo html:

<a href="javascript:redo();" onclick="javascript:diferenca=1;"><font color=black>Cor de fundo</a>         <div id="dropin" style="position:absolute;visibility:hidden;left:0;top:0;background-color:white;">         <div align="right"><a href="javascript:dismissbox()"><B>X</B></a></div>         <table border=0  width="200" height="300" > <script type="text/javascript"> var r = new Array("00","33","66","99","CC","FF"); var g = new Array("00","33","66","99","CC","FF"); var b = new Array("00","33","66","99","CC","FF");       for (i=0; i < r.length; i++){ for (j=0; j < g.length; j++ ){ document.write("<TR>"); for (l=0; l < b.length; l++){   var hexc = "#" + r[i] + g[j] + b[l]; document.write("<td bgcolor=\""+ hexc + "\" onclick=\"[b][u]cores(this.bgColor)[/u][/b]\" align=\"center\">"); document.write("</td>"); } document.write("</tr>"); } } </script> </table>         </div>         <a href="javascript:redo();" onclick="javascript:diferenca=2;"><font color=black>Cor da Fonte</a>


Agora o codigo js, aonde está comentado era a forma como estava fazendo, tentei algo novo agora, pegar o arquivo selecionado e altera-lo utilizando fontcolor:

diferenca = 0; function cores(cor){   if ( diferenca == 1){ document.frames['editor'].document.body.bgColor = cor;   }else{   str = document.selection.createRange().text; str.fontcolor(cor);   //window.document.getElementById('editor').contentWindow.document.execCommand('ForeColor', false, cor);   } }

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17663
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Mudar a cor de texto selecionado

19-01-2010 20:40

Geralmente se usa o fontColor, mas, deixa um exemplo funcionando e posta o link para ficar mais claro o problema.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 50 postagens
Mais de 50 postagens
Tópico Autor
Mensagens: 57

Mudar a cor de texto selecionado

20-01-2010 13:39

Funcionou!!!!! :-D

Descobri que o problema não era o codigo que aplicava a cor de texto

window.document.getElementById('editor').contentWindow.document.execCommand('ForeColor', false, cor);

e sim que quando clicava no div para passar a informação ele deselecionava o texto, dessa forma não aplicava a cor do texto,
o que fiz foi um onmouseover assim só pelo fato de passar o mouse ele alterava a cor do texto!!!! :arrow

Ficou melhor e mais esperto :8-) :erm
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17663
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Mudar a cor de texto selecionado

20-01-2010 17:30

Boa :yeah
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado