display CSS

[Mbarnabe 0]

Ola Amigos

 

Estou com um problema urgente, preciso controlar a funcão display (CSS) atraves de um formulario.

 

Exemplo:

 

Minha caixa de texto ficara no layout do site, e o formulario de controle na parte de admin.

 

quando eu selecionar Visivel (Botão) no formulario ( que esta no admin) a caixa de texto aparece e quando eu selecionar oculto (Botão) a caixa de texto some.

 

Por favor, aguardo um retorno o mais breve possivel pois o caso é muito urgente.

 

 

 

Obrigado...

[wdc_black_ 0]

amigo, acredito que isso só seja possivel via javascript

[Mbarnabe 0]

amigo, acredito que isso só seja possivel via javascript

 

Ola, poderia me explicar como faço isso com javascript?

[Kraken 0]

Olá,

 

Talvez seja melhor questionar lá na secção ;).

Se o colega conseguir te ajudar, melhor.

 

Cumps

Kraken

[wdc_black_ 0]

amigo, não entendo muito de javascript, mas acredito que seria mais ou menos assim,

ai clicar no botao no seu admin, ele grava no banco como botão ativo...

ai para acontecer essa mudança no site, acredito que deveria ter uma função em javascript no site que a cada 1 ou 2 segundos

verificasse seu banco de dados se a opção do botão foi modificada, no momento que você modificar no admin

ele vai ler que foi modificado e vai deixar o botão visisel.

Essa é minha idéia, em questão de código não posso te ajudar muito hehe

Posta la na seção de javascript, ou pedi para os moderadores transferirem teu tópico pra la.

Quando ve pessoal de la tem alguma idéia mais pratica ;)

Abraço

[_Leandro_ 0]

Esse efeito é relativamente simples se utizando de uma biblioteca javascript chamada JQuery.

 

Acredito que seja mais ou menos isso que você quer, tentei fazer da maneira mais simples possível para que você possa entender...

 

Veja:

//aqui eu oculto os boxes que serão mostrados somente com a seleção.

<style>

.boxOp1, .boxOp2{display:none;}

</style>

 

//eis o html

<form>

<input type="radio" name="tipo" class="op1" value="op1"> opção1

<input type="radio" name="tipo" class="op2" value="op2"> opção2

<div class="boxOp1"> opção1 </div>

<div class="boxOp2"> opção2 </div>

</form>

 

//chamada da biblioteca JQuery

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

//seu script, onde a mágica acontece...

<script>

//ao clicar na opção 1 eu mostro a div com a classe "boxOp1" e para garantir, escondo a "boxOp2"

$('.op1').click(function(){

$('.boxOp1').show();

$('.boxOp2').hide();

});

//aqui é o mesmo efeito só que para o boxOp2

$('.op2').click(function(){

$('.boxOp2').show();

$('.boxOp1').hide();

});

</script>

 

 

Qualquer dúvida posta ai

Att

Leandro

http://www.maisumpixel.com.br