Duvida Javascript - Mudar Fonte e Tamanho em um Texto

amaral3d · 21 de agosto de 2012

Ola,

Estou começando a programar em html e javascript, estou com a seguinte duvida:


- Tenho a função que criei : 
// Funcao que muda a "fonte" e "tamanho" do texto
function tipo_tamanho_fonte(texto, tipo, tam)    
                                          {document.write(texto.fontface(tipo).fontsize(tam)); }

- Nesta funcao quero entrar com um texto escrito em html, da seguinte forma, por exemplo:


[B]<pre>
Bom Dia !!!
asdfgh
asdfgh
asdfgh  asdfgh
</pre>[/B]

e


[B]<p>
Deixe seu Recado, escolha uma opção:
<select name="Recado">
  <option value=" "> </option> 
  <option value="Elogio">Elogio</option>
  <option value="Sugestão">Sugestão</option> 
  <option value="Crítica">Crítica</option>
</select>
</p>[/B]

- Mas quando entro e coloco por exemplo esse texto entre " ", ou seja, faço:

var texto=" seleciono tudo, que esta em negrito ", da ERRO.

- Parte o interpretador nao pega como devido as TAG's do HTML.

Podem me dar uma Ajuda !!!

Obrigado.

Lorrambr · 21 de agosto de 2012

Se eu entendi, vms lá !

Para manipular css pelo javascript !

Tem várias formas.. mais indico chamar pelo name ou pela função getElementbyid !

Ex:

<html>
<head>
<script type="text/javascript">

function teste(){

var time = formulario.time.value;

document.write("<p style='color:red;'>"+ time +"</p>");

}
</script>

</head>
<body>
<form id="formulario">

<input type="text" name="time" />
<input type="button" value="testar" onclick="teste();" />

</form>
</body>
</html>

<------------------ou assim------------------>

<html>
<head>
<script type="text/javascript">

function vermelho(){

document.getElementById("paragrafo").style.color="red";

}

function azul(){

document.getElementById("paragrafo").style.color="blue";

}

</script>

</head>
<body>

<p id="paragrafo">

A interface do Google Docs é simples e intuitiva, com a maioria das opções que

encontramos

</p>

<br />

<input type="button" onclick="vermelho();" value="vermelho" />

<input type="button" onclick="azul();" value="azul" />

</body>
</html>

amaral3d · 22 de agosto de 2012

Se eu entendi, vms lá !
Para manipular css pelo javascript !

Tem várias formas.. mais indico chamar pelo name ou pela função getElementbyid !

Ex:
<html>
<head>
<script type="text/javascript">

function teste(){

var time = formulario.time.value;

document.write("<p style='color:red;'>"+ time +"</p>");

}
</script>

</head>
<body>
<form id="formulario">

<input type="text" name="time" />
<input type="button" value="testar" onclick="teste();" />

</form>
</body>
</html>

<------------------ou assim------------------>

<html>
<head>
<script type="text/javascript">

function vermelho(){

document.getElementById("paragrafo").style.color="red";

}

function azul(){

document.getElementById("paragrafo").style.color="blue";

}

</script>

</head>
<body>

<p id="paragrafo">

A interface do Google Docs é simples e intuitiva, com a maioria das opções que

encontramos

</p>

<br />

<input type="button" onclick="vermelho();" value="vermelho" />

<input type="button" onclick="azul();" value="azul" />

</body>
</html>

Valeu pela Ajuda..........."""" A SEGUNDA opção QUE PROCURAVA """""

Me esclareceu....percebi também que tirando as " x " e colocando desta forma ' x '. Resolvia o problema. Quando ha poucas tags e- acredito numa string limitada.

outra forma que vi

foi colocar document.write(" EM TODAS AS LINHA DO CODIGO HTML");

Mas que voce colocou me Ajudou....

...Tenho mais uma duvida...criei uma pagina CONFIGURACOES, assim gostaria de que toda mudança que fizesse nessa pagina fosse replicada para as outras paginas, tipo se mudo o tamanho das palavras isso se reflete em todas paginas. TEM COMO ?