Bom dia a todos! eu criei um HTML simples com JS que funciona da seguinte maneira: a pessoa seleciona uma das opções de uma lista de seleção e, se for negrito, itálico ou sublinhado, aparece uma linha de código correspondente ao efeito. Agora eu gostaria que o texto aparecesse com o efeito dentro do text (ex.: texto). Tem como fazer isso dentro de uma função? Obrigado pela ajuda.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
<!--
function mostrarTexto()
{
var escolha = document.fm1.sel.value;
if(escolha == "op1")
document.fm2.recebe.value = "Por favor escolha uma opção.";
else if(escolha == "op2")
{
document.fm2.recebe.value = "<b>Este é um exemplo em negrito</b>";
}
else if(escolha == "op3")
{
document.fm2.recebe.value = "<i>Este é um exemplo em itálico</i>";
}
else if(escolha == "op4")
{
document.fm2.recebe.value = "<u>Este é um exemplo sublinhado</u>";
}
}
-->
</script>
<style type="text/css">
table{
border-spacing: 5pt 5pt;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Trechos de Código</title>
</head>
<body>
<table>
<tr>
<td>
<form name="fm1">
<select name= "sel">
<option value = "op1">Qual é o efeito do código?</option>
<option value = "op2">Negrito</option>
<option value = "op3">Itálico</option>
<option value = "op4">Sublinhado</option>
</select>
<input type="button" onclick="mostrarTexto()" name = "bt1" value="Visualizar Código" />
</form>
</td>
<td>
<form name="fm2">
<input type= "text" name="recebe" size= "40"/>
</form>
</td>
</tr>
</table>
</div>
</body>
</html>
Pergunta
Edu Valente
Bom dia a todos! eu criei um HTML simples com JS que funciona da seguinte maneira: a pessoa seleciona uma das opções de uma lista de seleção e, se for negrito, itálico ou sublinhado, aparece uma linha de código correspondente ao efeito. Agora eu gostaria que o texto aparecesse com o efeito dentro do text (ex.: texto). Tem como fazer isso dentro de uma função? Obrigado pela ajuda.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript"> <!-- function mostrarTexto() { var escolha = document.fm1.sel.value; if(escolha == "op1") document.fm2.recebe.value = "Por favor escolha uma opção."; else if(escolha == "op2") { document.fm2.recebe.value = "<b>Este é um exemplo em negrito</b>"; } else if(escolha == "op3") { document.fm2.recebe.value = "<i>Este é um exemplo em itálico</i>"; } else if(escolha == "op4") { document.fm2.recebe.value = "<u>Este é um exemplo sublinhado</u>"; } } --> </script> <style type="text/css"> table{ border-spacing: 5pt 5pt; } </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Trechos de Código</title> </head> <body> <table> <tr> <td> <form name="fm1"> <select name= "sel"> <option value = "op1">Qual é o efeito do código?</option> <option value = "op2">Negrito</option> <option value = "op3">Itálico</option> <option value = "op4">Sublinhado</option> </select> <input type="button" onclick="mostrarTexto()" name = "bt1" value="Visualizar Código" /> </form> </td> <td> <form name="fm2"> <input type= "text" name="recebe" size= "40"/> </form> </td> </tr> </table> </div> </body> </html>Editado por Edu ValenteLink para o comentário
Compartilhar em outros sites
4 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.