Jump to content
Fórum Script Brasil
  • 0

Preciso de Ajuda com um código java simples.


Cristiano Souza

Question

Bom, sou novo aqui no fórum e meio iniciante em programação e não sei muito sobre javascript. Tenho uma loja virtual na uolhost e estou personalizando.

Com certeza alguns vão falar para sair desta merda e tão, mas até estou gostando porque estou aumentando meu conhecimento para me adaptar a situação de poucos recursos...Afinal minha futura profissão é essa arrumar dor de cabeça sendo programador...rsrs

Minha Dúvida: Quero Trocar a palavra "Busca:" que se encontra em negrito, para um espaço vazio. Claro que quem conhece a loja virtual do uolhost, sabe que só posso inserir scripts, para resolver isso, afinal não tenho acesso a página index para editar manualmente.

<form id="search_mini_form" action="#" method="get">
    <div class="form-search">
        <label for="search">[b]Buscar:[/b]</label>
        <input id="search" type="text" name="q" value="" class="input-text" />
        <button type="submit" title="Buscar" class="button"><span><span>Buscar</span></span></button>
        <div id="search_autocomplete" class="search-autocomplete"></div>
        </div>
</form>
Tenho um pouco de conhecimento do innerHTML e outerHTML, no caso se em vez de For em "<label for="search">", fosse Id ou Class eu conseguiria mudar sem problema com o código:
<script type="text/javascript">
window.onload = function Troca(){
    var div_nova = '';
    document.getElementBy[b]Id[/b]('search').outerHTML=div_nova;

}
</script>

Como posso mudar <label for="search">Buscar:</label> para um campo vazio ou outra Div, com um script ? Lembrando que eu não tenho como editar <label for="search">Buscar:</label>, tem que ser em script.

Abraço a Todos!!

Edited by fercosmig
add tag
Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

Você não precisa do id do elemento pra achar. Você pode ir navegando pela árvore de elementos.

Nesse caso, parti do ID do formulário. Se nenhum elemento tivesse ID, também daria pra fazer: Bastava começar do document.body.

// encontra o formulário a partir do seu ID
var myForm = document.getElementById('search_mini_form');
// gera um array com todos os divs que estão dentro do formulário
var ​divs = myForm.getElements('div');
// pega o primeiro div dentro do fórmulário
var myDiv = divs[0];
// gera um array com todos os labels dentro dessa primeira div
var labels = myDiv.getElements('label');
// pega o primeiro label dentro dessa primeira div
var myLabel = labels[0];
// retira a label 
myDiv.​removeChild(myLabel);

Aqui um exemplo no jsFiddle: http://jsfiddle.net/a5p6N/3/

Edited by fiote
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652k
×
×
  • Create New...