Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

-=Felipe=-

[Resolvido] Menu de Fontes

Recommended Posts

beleza Galera !!

 

Bom eu crio uma serie de scripts para o Orkut, Scraptollbar, Emoticon Tollbar...

E na minha nova versão da Scraptollbar eu queria tirar um bug no Menu de Fontes, quando você seleciona seu texto clica no menu e escolhe a fonte eu keria ke o texto ke você digitou ficase selecionado, mais em vez disso a fonte fica selecionada !!

 

E queria muitoo ke vcs me ajudacem a concertar isso.

 

Codigo:

 

//---------------------------
//Menu de Font do TExto
//---------------------------


	var fontlist = document.createElement('select');
	fontlist.id='fontselect';
	fontlist.value='Font';
		fontarray= new Array("Monotype Corsiva","Outras","Fontes");  
	fonttags= new Array("Monotype Corsiva","Outras","Fontes");

	var firstoption=new Option("Font");
	firstoption.selected=true;
	fontlist.options.add(firstoption);

	for(var i=0;i<fonttags.length;i++)
	{
		var fontOption=new Option(fonttags[i]);
		fontOption.setAttribute("style", "font:"+fontarray[i]);
		fontlist.options.add(fontOption);
	}

Esse ai em cima e o codigo do Menu !!

 

Codigo function

 

function font(format, tx)
{
	startPos=tx.selectionStart;
	endPos=tx.selectionEnd;
	selLength=tx.value.length;
	scr=tx.scrollTop;
	sel0=(tx.value).substring(0,startPos);
	sel1=(tx.value).substring(startPos, endPos);
	sel2=(tx.value).substring(endPos, selLength);
	tx.value=sel0 + '[b]<font face='+format+'>[/b]' + sel1 + '</font>' + sel2;
	tx.selectionStart=startPos+format.length+12;
	tx.selectionEnd=startPos+format.length+sel1.length+12;
	tx.focus();
}

 

 

Eu kero adicionar >> ' << antes da fonte, mais sem aparecer no nome... pois kandu eu coloco:

 

fontarray= new Array(">> ' <<Monotype Corsiva >> ' <<");

 

aparece no nome do menu por exemplo

Font

'Monotype Corsiva'

 

Eu kero ke apareça:

Font

Monotype Corsiva

 

Mais kandu eu selecionar o Monotype Corsiva la na caixa textarea apareça como 'Monotype Corsiva' e o texto fique selecionado.

 

Por favor precisso urgente deste codigo !!

E se postei em lugar errado me desculpem não sei onde postar essa duvida =/

 

Se quiserem saber sobre a Scraptollbar visitem:

http://www.scraptollbar.webnode.com

 

 

Muito Obrigado !!!!!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

seria bom você colocra um print do sistema a funciona r para eu ter a nocao, mas vou colocar aqui uma solucao que acho que e isso que procura. Para facilitar o codigo esta comentado, alguma duvida e so dizer

 

 

Nao fiz da mesma maneira você, document.write mas se quiser fazr a sua maneira isto e so um exemplo

 

<!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>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<script type="text/javascript">

var fonte_array;

 

fontes=new Array("Monotype Corsiva","Verdana") // cria o array com o nome das fontes

 

document.write("<select name='fontes'>") // cria o select

document.write("<option value=''>fonte</option>") //cria uma opcao opcional

for(i=0;i<fontes.length;i++){ // este for vai escrever optoins com o valor de cada elemento do array

document.write("<option value="+fontes+" onclick=\"area(this.innerHTML)\" >"+fontes+"</option>")// aqui e //usado o innerHtml pk se for o value no monotype coursiva so escreve Monotype no area, mas se quiser utilisar o //value tem de ser MonotypeCoursiva pegado

}

document.write("</select>") //fecha o select

 

function area(what){// funcao que pega o valor da opcao do select e escreve-o na caixa com ' antes e depois

document.form1.textarea.value="'"+what+"'";

}

</script>

</head>

 

<body>

 

<form id="form1" name="form1" method="post" action="">

<p>

<label>

<textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>

</label>

</p>

</form>

</body>

</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

aewwww vlw manuu era isso mesmo ke eu kiria !!!

 

Mais tem como você passar pro mesmo tipo do meu ?

 

Pq tem ke ser dakela forma se nao nao funciona

 

Se tiver Muitooo obrigado !!!!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

<!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>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<script type="text/javascript">

function testar(){

var fontlist = document.getElementById("fontes");

font= new Array("Monotype Corsiva","Outras","Fontes");

 

var firstoption=new Option("Escolhe a fonte");

firstoption.selected=true;

fontlist.options.add(firstoption);

 

for(var i=0;i<font.length;i++)

{

var fontOption=new Option(font);

fontOption.setAttribute("style", "font:"+font);

fontOption.setAttribute("onclick", "area(this.value)");

fontlist.options.add(fontOption);

}

 

}

function area(what){// funcao que pega o valor da opcao do select e escreve-o na caixa com ' antes e depois

document.getElementById("textarea").value="'"+what+"'";

}

</script>

</head>

 

<body onload="testar()">

<p>

<select id="fontes">

</select>

</p>

<p>

<textarea id="textarea" cols="45" rows="5"></textarea>

</p>

</body>

</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.