GameZer Online


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

1"Toolbar" Empty "Toolbar" Qui Jan 31, 2013 8:43 pm

RafsEstevam

RafsEstevam
Programador
Programador
Nesse tutorial criarei uma barra de ferramentas em js sem o uso de qualquer script externo.

Método 1: Criamos um menu de barra de ferramentas com três opções para alinhamento: à esquerda, no centro e à direita. Cada opção poderá ser adicionada por clique em um ícone que irá disparar a execução de uma função jS. O código a seguir esclarece o uso dos atributos jS.

Código:
<menu type="toolbar">
<command typr="radio" radiogroup="alinhamento" checked="checked"
 label="Esquerda" icon="iconedesuaescolha.png" onclick"setAlign('esq')">
<command typr="radio" radiogroup="alinhamento" checked="checked"
 label="Centro" icon="iconedesuaescolha.png" onclick"setAlign('centro')">
<command typr="radio" radiogroup="alinhamento" checked="checked"
 label="Direita" icon="iconedesuaescolha.png" onclick"setAlign('dir')">
</menu>

Metodo 2: Criamos um menu do tipo barra de ferramentas com três itens: Arquivo, Editar e Ajuda. Cada item contém uma lista de opções de escola para realizar uma ação mediante disparo de uma função jS. Para o item Arquivo a ação é seguir um link.

Código:
<menu type="toolbar">
<li>
<menu label="Arquivo">
<button type="button" onclick="fnovo()">Novo...</button>
<button type="button" onclick="fabrir()">Abrir...</button>
<button type="button" onclick="fsalvar()">Salvar</button>
<button type="button" onclick="fsalvarcomo()">Salvar como</button>
</menu>
</li>
<li>
<menu label="Editar">
<button type="button" onclick"ecopiar()">Copiar</button>
<button type="button" onclick"ecortar()">Recortar</button>
<button type="button" onclick"ecolar()">Colar</button>
<button type="button" onclic="eexcluir()">Excluir</button>
</menu>
</li>
<li>
<menu label="Ajuda">
<li><a href="JasonVoorhees-Navegador/Scripts/Toolbars/Paginas/ajuda.asp">Ajuda</a></li>
<li><a href="JasonVoorhees-Navegador/Scripts/Toolbars/Paginas/sobre.asp">Sobre JS Navigator</a></li>
</menu>
</li>
</menu>

Bom eu usei o script do meu navegador como exemplo para aqui no DA. Dá pra perceber...

2"Toolbar" Empty Re: "Toolbar" Qui Jan 31, 2013 8:52 pm

Admin

Admin

Gostei do tutorial, porém poderia ter um prévio. Wink

3"Toolbar" Empty Re: "Toolbar" Qui Jan 31, 2013 8:55 pm

RafsEstevam

RafsEstevam
Programador
Programador
Bom, como não tive tempo de testar o script eu só coloquei e procurei erros com o compilador.

4"Toolbar" Empty Re: "Toolbar" Sex Fev 01, 2013 12:34 am

iTunnez

iTunnez
Muito interessante!

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos