none
Pegar o valor de um <h3> que esta dentro de uma <div> com javascropt, e enviar esse valor para um text area. RRS feed

  • Pergunta

  • Olá pessoal por favor estou precisando de uma grande ajuda, estou montando um carrinho de compra, o que eu quero fazer é o seguinte.

    Quando eu clico no carrinho de compra, abre o janela estilo uma pop up, e nessa pop up vou chamar uma tela de detalhes do produto.

    e depois que o cliente ver o produto e e clicar no carrinho de compra, quero mandar o nome desse produto para um text area que esta recebendo todos os produtos.

    Sei que esta meio confuso mas mesmo assim preciso muito da ajuda de vocês

    abaixo parte do código que está o produto.

    <div class="item">
    <div class="thumb">
    <img src="assets\img\produtos\thumbs\thumb.jpg" width="235" height="235" alt=""/>
    </div>
    <div class="overlay">
    <div class="overlay-i">
    <div class="overlay-i-2">
    <h3>Produto 1</h3>
    <a href="assets\img\produtos\work-photo.jpg" class="zoom-btn" title="">Zoom</a>
    <a class="view-btn orto" id="comprar" onClick="abre_detalhes()">Ver</a>
    </div>
    </div>
    </div>
    </div>

    e agora a função que abre a pop up.

    function abre_detalhes(){
    $('html, body').css('overflow', 'hidden');
    $("html, body").animate({ scrollslow");
    $('#over').fadeIn();

    }

    function fecha_detalhes(){
    $('#over').fadeOut();
    $('html, body').css('overflow', 'auto');

    }

    <div id="over" style="width: 500px; height: 400px; background-color: rgba(0, 0, 0, 0.498039); display:none;">
            <div><button title="Fechar (Esc)" type="button" class="mfp-close" onClick="fecha_detalhes()">x</button></div>
            <div style="margin:0px; padding:0px; width:500px; height:400px; margin- background-color:#3333CC;">
                <div id="detalhes">
                    <div ><a class="view-btn orto" style="float:right; margin-top: 360px;" onClick="fecha_detalhes()">Ver</a></div>
                    </div>
                </div>
            </div>

    terça-feira, 29 de outubro de 2013 17:12

Todas as Respostas

  • <script>
    function atualizar() {
    	$('#id_textarea').html($('h3').text());
    }
    </script>
    <textarea id="id_textarea">aqui</textarea>
    
    <a href="javascript:atualizar()">atualizar</a>

    Acho que é disso que você precisa.

    O ideal é sempre utilizar IDs para identificar os elemento que vai utilizar em Javascript

    terça-feira, 29 de outubro de 2013 17:40