Ir para conteúdo

POWERED BY:

Arquivado

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

Allysson Henrique

Compor Div com ajax

Recommended Posts

preciso de uma ajuda para compor as divs de uma galeria, não estou conseguindo de forma alguma, tentei de tudo. esse é o codigo, preciso compor com essa galeria http://hype61.com.br/control/busca_fotos_site.php

 

 

$.ajax({
    //url que enviaremos
    url: "control/busca_fotos_site.php",
    type: "POST",
    async:false,
    //campos
    data: {
        rand: encodeURI(Math.random())
    },



    //aqui colocamos o callback na div #retorno
    success: function(fretorno) {


        $(fretorno.fotos_produtos).each(function(key, value){





        });

    }


});

 

 

 

 

 

 

 

 

 

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title> Dress rental </title>
    <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Forum|Open+Sans:400,600|Roboto:100,300,400,500,700"
          rel="stylesheet">
    <link rel="stylesheet" href="assets/dist/style/elements.css">
    <link rel="stylesheet" href="assets/dist/style/header.css">
    <link rel="stylesheet" href="assets/dist/style/footer.css">
    <link rel="stylesheet" href="assets/dist/style/blog.css">
</head>
<body>

<!-- ==========================-->
<!-- LOADER-->
<!-- ==========================-->
<div id="gl-circle-loader-wrapper">
    <div id="gl-circle-loader-center">
        <div class="gl-circle-load">
            <img src="assets/dist/img/ploading.gif" alt="Page Loader">
        </div>
    </div>
</div>


<!-- ==========================-->
<!-- SEARCH MODAL-->
<!-- ==========================-->
<div class="header-search open-search">
    <div class="container">
        <div class="row">
            <div class="col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">
                <div class="navbar-search">
                    <form class="search-global">
                        <input class="search-global__input" type="text" placeholder="Type to search" autocomplete="off"
                               name="s" value=""/>
                        <button class="search-global__btn"><i class="icon stroke icon-Search"></i>
                        </button>
                        <div class="search-global__note">Begin typing your search above and ã ã press return to
                            search.
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <button class="search-close close" type="button"><i class="fa fa-times"></i></button>
</div>


<div class="container">
    <ol class="breadcrumb underline">
        <li><a href="#">Home</a></li>
        <li>Dresses</li>
    </ol><!-- /.breadcrumb -->
</div><!-- /.container -->


<?php include "inctopo.php";
?>

<div class="container">
    <ol class="breadcrumb">
        <li><a href="#">Inicial</a></li>
        <li>Sobre a Hype</li>
    </ol><!-- /.breadcrumb -->
</div><!-- /.container -->


</div><!-- /.filters -->
</div><!-- /.col-sm-3 -->
<div class="col-sm-12" id="boxprodutos">
    <div class="product-display">
        <h4 class="font-25-for-reg-0">Dresses <span>(432)</span></h4>
        <div class="view">
            <div class="col-sm-5">
                <span class="short">Short by : </span>
                <select class="rq-rental-select2">
                    <option value="AL">Best match</option>
                    <option value="AL">Name</option>
                    <option value="WY">Save date</option>
                    <option value="WY">Green</option>
                </select>
            </div><!-- /.col-sm-4 -->
            <div class="col-sm-4">
                <div class="text-center">
                    <nav aria-label="Page navigation">
                        <ul class="pagination">
                            <li>
                                <a href="#" aria-label="Previous">
                                    <i class="fa fa-angle-left" aria-hidden="true"></i>
                                </a>
                            </li>
                            <li><a class="active" href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">...</a></li>
                            <li><a href="#">9</a></li>
                            <li>
                                <a href="#" class="active" aria-label="Next">
                                    <i class="fa fa-angle-right" aria-hidden="true"></i>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div><!-- text-center -->
            </div><!-- /.col-sm-4 -->
            <div class="col-sm-3">
                <div class="text-right filters">
                    <a href="listing-page-list.html"><i class="rq-257" aria-hidden="true"></i></a>
                    <a href="listing-page2.html"><i class="rq-639 active" aria-hidden="true"></i></a>
                    <a href="listing-page.html"><i class="rq-638" aria-hidden="true"></i></a>
                </div>
            </div><!-- /.col-sm-4 -->

        </div><!-- /.view -->
        <div class="row" id="prod">
            <div class="col-sm-3 col-def2">
                <div class="product-list">
                    <figure>
                        <a href="assets/dist/img/products-list/grid-b1.jpg" data-lightbox="roadtrip"><img
                                    class="img-responsive" src="assets/dist/img/products-list/gridb1.jpg" alt="grid1"/></a>
                        <figcaption>
                            <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a>
                            <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
                            <div class="quick-view">
                                <a href="#" data-toggle="modal" data-target="#rqModalOne" data-whatever="@mdo">Dê uma
                                    olhada</a>
                                <div class="modal fade rq-modal" id="rqModalOne" tabindex="-1" role="dialog">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <img src="assets/dist/img/cross.png" alt=""></button>
                                            <div class="modal-body">

                                                <div class="list-view">
                                                    <div class="row">
                                                        <div class="col-sm-5">

                                                            <div class="modal-carousel owl-carousel owl-theme">
                                                                <div class="item">
                                                                    <figure><img class="img-responsive"
                                                                                 src="assets/dist/img/products-list/list3.jpg"
                                                                                 alt="list"></figure>
                                                                </div>
                                                                <div class="item">
                                                                    <figure><img class="img-responsive"
                                                                                 src="assets/dist/img/products-list/list2.jpg"
                                                                                 alt="list"></figure>
                                                                </div>
                                                                <div class="item">
                                                                    <figure><img class="img-responsive"
                                                                                 src="assets/dist/img/products-list/list1.jpg"
                                                                                 alt="list"></figure>
                                                                </div>
                                                            </div><!-- /.modal-carousel -->
                                                        </div>
                                                        <div class="col-sm-7">
                                                            <div class="product-info">
                                                                <h4 class="font-20-for-reg-0">Vestido Longo Diva</h4>
                                                                <h4 class="font-16-for-reg-0">Marca : <span>Blue Flamingo</span>
                                                                </h4>
                                                                <h5 class="font-16-for-reg-0">
                                                                    <p class="font-16-for-reg-0">Lorem Ipsum is simply
                                                                        dummy text of the printing and typesetting
                                                                        industry. Ipsum is simply dummy text of the
                                                                        printing and typesetting industry. </p>
                                                                    <img src="assets/dist/img/products-list/grid-b1.jpg"
                                                                         alt="" id="imgpos">


                                                                    <div class="delivery-date">
                                                                        <div id="houston-component-11"></div>
                                                                    </div><!-- /.delivery-date -->

                                                                    <div class="btn-group">

                                                                        <div class="size">
                                                                            <select class="rq-rental-select2">
                                                                                <option value="AL">TAM.</option>
                                                                                <option value="AL">38</option>
                                                                                <option value="WY">39</option>
                                                                                <option value="WY">40</option>
                                                                                <option value="WY">41</option>
                                                                                <option value="WY">42</option>
                                                                                <option value="WY">43</option>
                                                                            </select>

                                                                        </div><!-- /.size -->
                                                                        <div class="color">

                                                                            <select class="rq-rental-select2">
                                                                                <option value="AL">Cor</option>
                                                                                <option value="AL">Vermelho</option>
                                                                                <option value="WY">Rosa</option>
                                                                                <option value="WY">Verde</option>
                                                                            </select>
                                                                        </div><!-- /.color -->
                                                                    </div><!-- /.btn-group -->
                                                                    <button type="button" class="btn btn-success"
                                                                            class="shopping-bag">Verificar
                                                                        Disponibilidade<i class="fa fa-shopping-bag"
                                                                                          aria-hidden="true"></i>
                                                                    </button>

                                                            </div><!-- /.product-info -->
                                                        </div>
                                                    </div><!-- /.row -->
                                                </div><!-- /.list-view -->

                                            </div>
                                        </div><!-- /.modal-content -->
                                    </div><!-- /.modal-dialog -->
                                </div><!-- /.modal -->
                            </div>
                        </figcaption>
                    </figure>
                    <div class="description">
                        <a href="booking.html" class="font-18-for-reg-0">Vestido Longo Diva</a>
                        <p>Blue Flamingo</p>
                    </div><!-- /.description -->
                </div><!-- /.product-list -->
            </div><!-- /.col-sm-4 -->

            <div class="col-sm-3 col-def2">
                <div class="product-list">
                    <figure>
                        <a href="assets/dist/img/products-list/grid-b2.jpg" data-lightbox="roadtrip"><img
                                    class="img-responsive" src="assets/dist/img/products-list/gridb2.jpg" alt="grid1"/></a>
                        <figcaption>
                            <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a>
                            <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
                            <div class="quick-view">
                                <a href="#" data-toggle="modal" data-target="#rqModal2" data-whatever="@mdo">Dê uma
                                    olhada</a>
                                <div class="modal fade rq-modal" id="rqModal2" tabindex="-1" role="dialog">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <img src="assets/dist/img/cross.png" alt=""></button>
                                            <div class="modal-body">

                                                <div class="list-view">
                                                    <div class="row">
                                                        <div class="col-sm-5">

                                                            <div class="modal-carousel owl-carousel owl-theme">
                                                                <div class="item">
                                                                    <figure><img class="img-responsive"
                                                                                 src="assets/dist/img/products-list/list3.jpg"
                                                                                 alt="list"></figure>
                                                                </div>
                                                                <div class="item">
                                                                    <figure><img class="img-responsive"
                                                                                 src="assets/dist/img/products-list/list2.jpg"
                                                                                 alt="list"></figure>
                                                                </div>
                                                                <div class="item">
                                                                    <figure><img class="img-responsive"
                                                                                 src="assets/dist/img/products-list/list1.jpg"
                                                                                 alt="list"></figure>
                                                                </div>
                                                            </div><!-- /.modal-carousel -->
                                                        </div>
                                                        <div class="col-sm-5">
                                                            <div class="product-info">
                                                                <h4 class="font-20-for-reg-0">Vestido Longo Diva</h4>
                                                                <h4 class="font-16-for-reg-0">Marca : <span>Blue Flamingo</span>
                                                                </h4>
                                                                <p class="font-16-for-reg-0">Lorem Ipsum is simply dummy
                                                                    text of the printing and typesetting industry. Ipsum
                                                                    is simply dummy text of the printing and typesetting
                                                                    industry. </p>
                                                                <img src="assets/dist/img/products-list/grid2.jpg"
                                                                     alt="" id="imgpos">
                                                                <div class="delivery-date">
                                                                    <div id="houston-component-12"></div>
                                                                </div><!-- /.delivery-date -->

                                                                <div class="btn-group">

                                                                    <div class="size">
                                                                        <select class="rq-rental-select2">
                                                                            <option value="AL">TAM.</option>
                                                                            <option value="AL">38</option>
                                                                            <option value="WY">39</option>
                                                                            <option value="WY">40</option>
                                                                            <option value="WY">41</option>
                                                                            <option value="WY">42</option>
                                                                            <option value="WY">43</option>
                                                                        </select>

                                                                    </div><!-- /.size -->
                                                                    <div class="color">

                                                                        <select class="rq-rental-select2">
                                                                            <option value="AL">Cor</option>
                                                                            <option value="AL">Vermelho</option>
                                                                            <option value="WY">Rosa</option>
                                                                            <option value="WY">Verde</option>
                                                                        </select>
                                                                    </div><!-- /.color -->
                                                                </div><!-- /.btn-group -->

                                                            </div><!-- /.product-info -->
                                                        </div>
                                                    </div><!-- /.row -->
                                                </div><!-- /.list-view -->

                                            </div>
                                        </div><!-- /.modal-content -->
                                    </div><!-- /.modal-dialog -->
                                </div><!-- /.modal -->
                            </div>
                        </figcaption>
                    </figure>
                    <div class="description">
                        <a href="booking.html" class="font-18-for-reg-0">Vestido Longo Diva</a>
                        <p>Blue Flamingo</p>
                    </div><!-- /.description -->
                </div><!-- /.product-list -->
            </div><!-- /.col-sm-4 -->
            <div class="col-sm-3 col-def2">
                <div class="product-list">
                    <figure>
                        <a href="assets/dist/img/products-list/grid-b4.jpg" data-lightbox="roadtrip"><img
                                    class="img-responsive" src="assets/dist/img/products-list/gridb3.jpg"
                                    alt="grid1"></a>
                        <figcaption>
                            <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a>
                            <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
                            <div class="quick-view">
                                <a href="#" data-toggle="modal" data-target="#rqModal3" data-whatever="@mdo">Dê uma
                                    olhada</a>
                                <div class="modal fade rq-modal" id="rqModal3" tabindex="-1" role="dialog">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <img src="assets/dist/img/cross.png" alt=""></button>
                                            <div class="modal-body">

                                                <div class="list-view">
                                                    <div class="row">
                                                        <div class="col-sm-5">

                                                            <div class="modal-carousel owl-carousel owl-theme">
                                                                <div class="item">
                                                                    <figure><img class="img-responsive"
                                                                                 src="assets/dist/img/products-list/list3.jpg"
                                                                                 alt="list"></figure>
                                                                </div>
                                                                <div class="item">
                                                                    <figure><img class="img-responsive"
                                                                                 src="assets/dist/img/products-list/list2.jpg"
                                                                                 alt="list"></figure>
                                                                </div>
                                                                <div class="item">
                                                                    <figure><img class="img-responsive"
                                                                                 src="assets/dist/img/products-list/list1.jpg"
                                                                                 alt="list"></figure>
                                                                </div>
                                                            </div><!-- /.modal-carousel -->
                                                        </div>
                                                        <div class="col-sm-7">
                                                            <div class="product-info">
                                                                <h4 class="font-20-for-reg-0">Vestido Longo Diva</h4>
                                                                <h4 class="font-16-for-reg-0">Marca : <span>Blue Flamingo</span>
                                                                </h4>
                                                                <p class="font-16-for-reg-0">Lorem Ipsum is simply dummy
                                                                    text of the printing and typesetting industry. Ipsum
                                                                    is simply dummy text of the printing and typesetting
                                                                    industry. </p>
                                                                <img src="assets/dist/img/products-list/gridb3.jpg"
                                                                     alt="" id="imgpos">
                                                                <div class="delivery-date">
                                                                    <div id="houston-component-13"></div>
                                                                </div><!-- /.delivery-date -->

                                                                <div class="btn-group">

                                                                    <div class="size">
                                                                        <select class="rq-rental-select2">
                                                                            <option value="AL">TAM.</option>
                                                                            <option value="AL">38</option>
                                                                            <option value="WY">39</option>
                                                                            <option value="WY">40</option>
                                                                            <option value="WY">41</option>
                                                                            <option value="WY">42</option>
                                                                            <option value="WY">43</option>
                                                                        </select>

                                                                    </div><!-- /.size -->
                                                                    <div class="color">

                                                                        <select class="rq-rental-select2">
                                                                            <option value="AL">Cor</option>
                                                                            <option value="AL">Vermelho</option>
                                                                            <option value="WY">Rosa</option>
                                                                            <option value="WY">Verde</option>
                                                                        </select>
                                                                    </div><!-- /.color -->
                                                                </div><!-- /.btn-group -->
                                                                <button type="button" class="btn btn-success"
                                                                        class="shopping-bag">Verificar Disponibilidade<i
                                                                            class="fa fa-shopping-bag"
                                                                            aria-hidden="true"></i></button>
                                                            </div><!-- /.product-info -->
                                                        </div>
                                                    </div><!-- /.row -->
                                                </div><!-- /.list-view -->

                                            </div>
                                        </div><!-- /.modal-content -->
                                    </div><!-- /.modal-dialog -->
                                </div><!-- /.modal -->
                            </div>
                        </figcaption>
                    </figure>
                    <div class="description">
                        <a href="booking.html" class="font-18-for-reg-0">Long Diva Dress</a>
                        <p>Blue Flamingo</p>

                    </div><!-- /.description -->
                </div><!-- /.product-list -->
            </div><!-- /.col-sm-4 -->

            <div class="col-sm-3 col-def2">
                <div class="product-list">
                    <figure>
                        <a href="assets/dist/img/products-list/grid-b6.jpg" data-lightbox="roadtrip"><img
                                    class="img-responsive" src="assets/dist/img/products-list/gridb4.jpg" alt="grid1"/></a>
                        <figcaption>
                            <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a>
                            <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
                            <div class="quick-view">
                                <a href="#" data-toggle="modal" data-target="#rqModal4" data-whatever="@mdo">Dê uma
                                    olhada</a>
                                <div class="modal fade rq-modal" id="rqModal4" tabindex="-1" role="dialog">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <img src="assets/dist/img/cross.png" alt=""></button>
                                            <div class="modal-body">

                                                <div class="list-view">
                                                    <div class="row">
                                                        <div class="col-sm-5">

                                                            <div class="modal-carousel owl-carousel owl-theme">
                                                                <div class="item">
                                                                    <figure><img class="img-responsive"
                                                                                 src="assets/dist/img/products-list/list3.jpg"
                                                                                 alt="list"></figure>
                                                                </div>
                                                                <div class="item">
                                                                    <figure><img class="img-responsive"
                                                                                 src="assets/dist/img/products-list/list2.jpg"
                                                                                 alt="list"></figure>
                                                                </div>
                                                                <div class="item">
                                                                    <figure><img class="img-responsive"
                                                                                 src="assets/dist/img/products-list/list1.jpg"
                                                                                 alt="list"></figure>
                                                                </div>
                                                            </div><!-- /.modal-carousel -->
                                                        </div>
                                                        <div class="col-sm-7">
                                                            <div class="product-info">
                                                                <h4 class="font-20-for-reg-0">Long Diva Dress</h4>
                                                                <h4 class="font-16-for-reg-0">Brand : <span>Blue Flamingo</span>
                                                                </h4>
                                                                <p class="font-16-for-reg-0">Descrição do Vestido </p>
                                                                <img src="assets/dist/img/products-list/gridb4.jpg"
                                                                     alt="" id="imgpos">

                                                                <div class="delivery-date">
                                                                    <div id="houston-component-14"></div>
                                                                </div><!-- /.delivery-date -->

                                                                <div class="btn-group">

                                                                    <div class="size">
                                                                        <select class="rq-rental-select2">
                                                                            <option value="AL">TAM.</option>
                                                                            <option value="AL">38</option>
                                                                            <option value="WY">39</option>
                                                                            <option value="WY">40</option>
                                                                            <option value="WY">41</option>
                                                                            <option value="WY">42</option>
                                                                            <option value="WY">43</option>
                                                                        </select>

                                                                    </div><!-- /.size -->
                                                                    <div class="color">

                                                                        <select class="rq-rental-select2">
                                                                            <option value="AL">Cor</option>
                                                                            <option value="AL">Vermelho</option>
                                                                            <option value="WY">Rosa</option>
                                                                            <option value="WY">Verde</option>
                                                                        </select>
                                                                    </div><!-- /.color -->
                                                                </div><!-- /.btn-group -->
                                                                <button type="button" class="btn btn-success"
                                                                        class="shopping-bag">Verificar Disponibilidade<i
                                                                            class="fa fa-shopping-bag"
                                                                            aria-hidden="true"></i></button>
                                                                <div class="remove">
                                                                    <a href="#" class="left rq-custom"><i
                                                                                class="fa fa-gift active"></i> Remover
                                                                        da Lista de Desejos</a>
                                                                    <a href="#"><i class="fa fa-heart-o active"></i>
                                                                        Remover dos Favoritos</a>
                                                                </div><!-- /.remove -->
                                                            </div><!-- /.product-info -->
                                                        </div>
                                                    </div><!-- /.row -->
                                                </div><!-- /.list-view -->

                                            </div>
                                        </div><!-- /.modal-content -->
                                    </div><!-- /.modal-dialog -->
                                </div><!-- /.modal -->
                            </div>
                        </figcaption>
                    </figure>
                    <div class="description">
                        <a href="booking.html" class="font-18-for-reg-0">Long Diva Dress</a>
                        <p>Blue Flamingo</p>

                    </div><!-- /.description -->
                </div><!-- /.product-list -->
            </div><!-- /.col-sm-4 -->

            <div class="col-sm-3 col-def2">
                <div class="product-list">
                    <figure>
                        <a href="assets/dist/img/products-list/grid-b7.jpg" data-lightbox="roadtrip"><img
                                    class="img-responsive" src="assets/dist/img/products-list/gridb5.jpg" alt="grid1"/></a>
                        <figcaption>
                            <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a>
                            <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
                            <div class="quick-view">
                                <a href="#" data-toggle="modal" data-target="#rqModal5" data-whatever="@mdo">Dê uma
                                    olhada</a>
                                <div class="modal fade rq-modal" id="rqModal5" tabindex="-1" role="dialog">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <img src="assets/dist/img/cross.png" alt=""></button>
                                            <div class="modal-body">

                                                <div class="list-view">
                                                    <div class="row">
                                                        <div class="col-sm-5">

                                                            <div class="modal-carousel owl-carousel owl-theme">
                                                                <div class="item">
                                                                    <figure><img class="img-responsive"
                                                                                 src="assets/dist/img/products-list/list3.jpg"
                                                                                 alt="list"></figure>
                                                                </div>
                                                                <div class="item">
                                                                    <figure><img class="img-responsive"
                                                                                 src="assets/dist/img/products-list/list2.jpg"
                                                                                 alt="list"></figure>
                                                                </div>
                                                                <div class="item">
                                                                    <figure><img class="img-responsive"
                                                                                 src="assets/dist/img/products-list/list1.jpg"
                                                                                 alt="list"></figure>
                                                                </div>
                                                            </div><!-- /.modal-carousel -->
                                                        </div>
                                                        <div class="col-sm-7">
                                                            <div class="product-info">
                                                                <h4 class="font-20-for-reg-0">Long Diva Dress</h4>
                                                                <h4 class="font-16-for-reg-0">Brand : <span>Blue Flamingo</span>
                                                                </h4>
                                                                <p class="font-16-for-reg-0">Descrição </p>
                                                                <img src="assets/dist/img/products-list/gridb5.jpg"
                                                                     alt="" id="imgpos">
                                                                <div class="delivery-date">
                                                                    <div id="houston-component-15"></div>
                                                                </div><!-- /.delivery-date -->

                                                                <div class="btn-group">

                                                                    <div class="size">
                                                                        <select class="rq-rental-select2">
                                                                            <option value="AL">TAM.</option>
                                                                            <option value="AL">38</option>
                                                                            <option value="WY">39</option>
                                                                            <option value="WY">40</option>
                                                                            <option value="WY">41</option>
                                                                            <option value="WY">42</option>
                                                                            <option value="WY">43</option>
                                                                        </select>

                                                                    </div><!-- /.size -->
                                                                    <div class="color">

                                                                        <select class="rq-rental-select2">
                                                                            <option value="AL">Color</option>
                                                                            <option value="AL">Vermelho</option>
                                                                            <option value="WY">Rosa</option>
                                                                            <option value="WY">Verde</option>
                                                                        </select>
                                                                    </div><!-- /.color -->
                                                                </div><!-- /.btn-group -->
                                                                <button type="button" class="btn btn-success"
                                                                        class="shopping-bag"> Verificar
                                                                    Disponibildiade<i class="fa fa-shopping-bag"
                                                                                      aria-hidden="true"></i></button>
                                                                <div class="remove">
                                                                    <a href="#" class="left rq-custom"><i
                                                                                class="fa fa-gift active"></i> Remover
                                                                        da Lista de Desejos</a>
                                                                    <a href="#"><i class="fa fa-heart-o active"></i>
                                                                        Remover dos Favoritos</a>
                                                                </div><!-- /.remove -->
                                                            </div><!-- /.product-info -->
                                                        </div>
                                                    </div><!-- /.row -->
                                                </div><!-- /.list-view -->

                                            </div>
                                        </div><!-- /.modal-content -->
                                    </div><!-- /.modal-dialog -->
                                </div><!-- /.modal -->
                            </div>
                        </figcaption>
                    </figure>
                    <div class="description">
                        <a href="booking.html" class="font-18-for-reg-0">Long Diva Dress</a>
                        <p>Blue Flamingo</p>

                    </div><!-- /.description -->
                </div><!-- /.product-list -->
            </div><!-- /.col-sm-4 -->

            <div class="col-sm-3 col-def2">
                <div class="product-list">
                    <figure>
                        <a href="assets/dist/img/products-list/grid-b8.jpg" data-lightbox="roadtrip"><img
                                    class="img-responsive" src="assets/dist/img/products-list/gridb6.jpg" alt="grid1"/></a>
                        <figcaption>
                            <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a>
                            <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
                            <div class="quick-view">
                                <a href="#" data-toggle="modal" data-target="#rqModal6" data-whatever="@mdo">Dê uma
                                    olhada</a>
                                <div class="modal fade rq-modal" id="rqModal6" tabindex="-1" role="dialog">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <img src="assets/dist/img/cross.png" alt=""></button>
                                            <div class="modal-body">

                                                <div class="list-view">
                                                    <div class="row">
                                                        <div class="col-sm-5">

                                                            <div class="modal-carousel owl-carousel owl-theme">
                                                                <div class="item">
                                                                    <figure><img class="img-responsive"
                                                                                 src="assets/dist/img/products-list/list3.jpg"
                                                                                 alt="list"></figure>
                                                                </div>
                                                                <div class="item">
                                                                    <figure><img class="img-responsive"
                                                                                 src="assets/dist/img/products-list/list2.jpg"
                                                                                 alt="list"></figure>
                                                                </div>
                                                                <div class="item">
                                                                    <figure><img class="img-responsive"
                                                                                 src="assets/dist/img/products-list/list1.jpg"
                                                                                 alt="list"></figure>
                                                                </div>
                                                            </div><!-- /.modal-carousel -->
                                                        </div>
                                                        <div class="col-sm-7">
                                                            <div class="product-info">
                                                                <h4 class="font-20-for-reg-0">Long Diva Dress</h4>
                                                                <h4 class="font-16-for-reg-0">Brand : <span>Blue Flamingo</span>
                                                                </h4>
                                                                <p class="font-16-for-reg-0">Lorem Ipsum is simply dummy
                                                                    text of the printing and typesetting industry. Ipsum
                                                                    is simply dummy text of the printing and typesetting
                                                                    industry. </p>
                                                                <img src="assets/dist/img/products-list/gridb6.jpg"
                                                                     alt="" id="imgpos">
                                                                <div class="delivery-date">
                                                                    <div id="houston-component-16"></div>
                                                                </div><!-- /.delivery-date -->

                                                                <div class="btn-group">

                                                                    <div class="size">
                                                                        <select class="rq-rental-select2">
                                                                            <option value="AL">TAM.</option>
                                                                            <option value="AL">38</option>
                                                                            <option value="WY">39</option>
                                                                            <option value="WY">40</option>
                                                                            <option value="WY">41</option>
                                                                            <option value="WY">42</option>
                                                                            <option value="WY">43</option>
                                                                        </select>

                                                                    </div><!-- /.size -->
                                                                    <div class="color">

                                                                        <select class="rq-rental-select2">
                                                                            <option value="AL">Cor</option>
                                                                            <option value="AL">Vermelho</option>
                                                                            <option value="WY">Rosa</option>
                                                                            <option value="WY">Verde</option>
                                                                        </select>
                                                                    </div><!-- /.color -->
                                                                </div><!-- /.btn-group -->
                                                                <button type="button" class="btn btn-success"
                                                                        class="shopping-bag">Verificar Disponibilidde <i
                                                                            class="fa fa-shopping-bag"
                                                                            aria-hidden="true"></i></button>
                                                                <div class="remove">

                                                                </div><!-- /.remove -->
                                                            </div><!-- /.product-info -->
                                                        </div>
                                                    </div><!-- /.row -->
                                                </div><!-- /.list-view -->

                                            </div>
                                        </div><!-- /.modal-content -->
                                    </div><!-- /.modal-dialog -->
                                </div><!-- /.modal -->
                            </div>
                        </figcaption>
                    </figure>
                    <div class="description">
                        <a href="booking.html" class="font-18-for-reg-0">Long Diva Dress</a>
                        <p>Blue Flamingo</p>
                    </div><!-- /.description -->
                </div><!-- /.product-list -->
            </div><!-- /.col-sm-4 -->


        </div><!-- /.row -->
    </div><!-- /.product-display -->
    <div class="row mrg-top">
        <div class="col-xs-4">
            <a class="pages-on" href="#">1-9 of 432</a>
        </div>
        <div class="col-xs-8">
            <nav aria-label="Page navigation">
                <ul class="pagination">
                    <li>
                        <a href="#" aria-label="Previous">
                            <i class="fa fa-angle-left" aria-hidden="true"></i>
                        </a>
                    </li>
                    <li><a class="active" href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">...</a></li>
                    <li><a href="#">9</a></li>
                    <li>
                        <a href="#" class="active" aria-label="Next">
                            <i class="fa fa-angle-right" aria-hidden="true"></i>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
    </div><!-- /.row -->
</div><!-- /.col-sm-9 -->
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.filter-list -->
-

<div class="work-procedure base-padd">
    <div class="container">
        <h2>Como Funciona?</h2>
        <div class="row">
            <div class="col-md-4">
                <div class="inner">
                    <a href="#"><img src="assets/dist/img/work-procedure/1.png" alt="" class="img-responsive"></a>
                    <h3 class="font-30-for-reg-0">Cadastro / Assinatura</h3>
                    <p class="font-16-for-reg-0">O primeiro passo para realizar o <a href="#">Cadastro</a> é escolher o
                        melhor plano que se encaixa pra você. </p>
                </div><!-- /.inner -->
            </div> <!-- /.col-md-3  -->
            <div class="col-md-4">
                <div class="inner">
                    <a href="#"><img src="assets/dist/img/work-procedure/2.png" alt="" class="img-responsive"></a>
                    <h3 class="font-30-for-reg-0">Escolha / Use</h3>
                    <p class="font-16-for-reg-0">A Partir o plano ativo, você poderá¡ escolher aqui no site ou na nossa
                        loja as suas peças. </p>
                </div><!-- /.inner -->
            </div> <!-- /.col-md-3  -->
            <div class="col-md-4">
                <div class="inner">
                    <a href="#"><img src="assets/dist/img/work-procedure/3.png" alt="" class="img-responsive"></a>
                    <h3 class="font-30-for-reg-0">Devolva</h3>
                    <p class="font-16-for-reg-0">Após o uso deve devolver lavada e passada, com a opção de entrega e
                        coleta. </p>
                </div><!-- /.inner -->
            </div> <!-- /.col-md-3  -->
        </div><!-- /.row -->
    </div><!-- /.container -->
</div><!-- /.work-procedure -->


<div class="join-us">
    <div class="container">
        <div class="row">
            <div class="col-sm-5">
                <a href="sobre.php" class="btn transparent">Escolha seu plano</a>
            </div>
            <div class="col-sm-7">
            <span class="font-30-pla-reg-2">
               Somos um jeito novo de você manter o seu visual em dia, sem gastar um monte de dinheiro com roupas novas.  <br/>
               A roupa certa para aquele evento? Só falar do que você precisa.
            </span>
            </div>
        </div>

    </div><!-- /.container -->
</div><!-- /.join-us -->


<div class="favorites base-padd">
    <h2>Algumas peças do nosso acervo</h2>
    <div class="container">
        <div class="owl-favorites owl-carousel owl-theme">
            <div class="item">
                <figure>
                    <img src="http://s2.nbsoftware.com.br/hype61/fotoproduto/1130009PP.jpg?rand=0.39276572203667637"
                         alt="" style="transform: rotate(90deg);">
                    <a href="booking.html">Ver</a>
                </figure>


            </div><!-- /.item -->


            <div class="item">
                <figure>
                    <img src="http://s2.nbsoftware.com.br/hype61/fotoproduto/1120001P.jpg?rand=0.6759872304621309"
                         alt="" style="transform: rotate(90deg);">
                    <a href="booking.html">Ver</a>
                </figure>


            </div><!-- /.item -->


            <div class="item">
                <figure>
                    <img src="http://s2.nbsoftware.com.br/hype61/fotoproduto/1110005M.jpg" alt=""
                         style="transform: rotate(90deg);">
                    <a href="booking.html">Ver</a>
                </figure>


            </div><!-- /.item -->


        </div><!-- /.item -->


    </div><!-- /.owl-favorites -->
</div><!-- /.container -->
</div><!-- /.favorites -->


<div class="newsletter base-padd">
    <h2>Depoimentos de Clientes</h2>

</div><!-- /.newsletter -->


<div class="opinion base-padd">
    <div class="container">
        <div class="owl-opinion owl-carousel owl-theme">
            <div class="item">
                <img src="assets/dist/img/opinion/1.png" alt="">
                <p class="font-14-ope-reg-0">Jonathen Nora</p>
                <h3>
                    <a href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
                    <a href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
                    <a href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
                    <a href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
                    <a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
                </h3>
                <p class="edit">Gostei muito da variedade de modelos e tamanhos e sempre encontro a roupa para aquele
                    evento. Parábens a toda equipe</p>
            </div><!-- /.item -->

        </div><!-- /.owl-opinion -->
    </div><!-- /.container -->
</div><!-- /.opinion -->


<div id="go-to-top">
    <a href="#stickynav"><i class="fa fa-angle-up"></i></a>
</div>


<?php include "rodape.php"; ?>


<script src="app.js"></script>
<script src="assets/dist/js/vendor/jquery-3.4.1.min.js"></script>
<script src="assets/dist/js/vendor/bootstrap.min.js"></script>
<script src="assets/dist/js/vendor/countUp.js"></script>
<script src="assets/dist/js/vendor/owl.carousel.min.js"></script>
<script src="assets/dist/js/vendor/ion.rangeSlider.min.js"></script>
<script src="assets/dist/js/vendor/dateRangePicker.js"></script>
<script src="assets/dist/js/vendor/jquery.flexslider-min.js"></script>
<script src="assets/dist/js/vendor/jquery.nicescroll.min.js"></script>
<script src="assets/dist/js/vendor/select2.min.js"></script>
<script src="assets/dist/js/vendor/lightbox.min.js"></script>
<script src="assets/dist/js/vendor/jquery.smooth-scroll.js"></script>
<script src="assets/dist/js/custom.js"></script>
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Fiz assim deu certo porem a galeria ta bagunçada, nao consigo colocar as fotos do mesmo produto juntas quando se clica em uma 

 

 

function fcarregarprodutos() {


    $.ajax({
        //url que enviaremos
        url: "http://hype61.com.br/control/busca_fotos_site.php",
        type: "POST",
        dataType: "json",
        async: false,
        //campos
        data: {
            rand: encodeURI(Math.random())
        },


        //aqui colocamos o callback na div #retorno
        success: function (fretorno) {


            var conteudo = '';

            $(fretorno.fotos_produtos).each(function (key, value) {

                conteudo += "<div class='col-sm-3 col-def2'> <div class='product-list'> <figure> <a href='http://s2.nbsoftware.com.br//hype61//fotoproduto//5210001PP.jpg' data-lightbox='roadtrip'><img class='img-responsive' src='" + value.foto + "' alt='grid1'/></a> <figcaption>\n" +
                    "                            <a href=\"#\" class=\"left\"><i class=\"fa fa-gift\" aria-hidden=\"true\"></i></a>\n" +
                    "                            <a href=\"#\" class=\"right\"><i class=\"fa fa-heart-o\" aria-hidden=\"true\"></i></a>\n" +
                    "                            <div class=\"quick-view\">\n" +
                    "                                <a href=\"#\" data-toggle=\"modal\" data-target=\"#rqModalOne\" data-whatever=\"@mdo\">Dê uma\n" +
                    "                                    olhada</a>\n" +
                    "                                <div class=\"modal fade rq-modal\" id=\"rqModalOne\" tabindex=\"-1\" role=\"dialog\">\n" +
                    "                                    <div class=\"modal-dialog\" role=\"document\">\n" +
                    "                                        <div class=\"modal-content\">\n" +
                    "                                            <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n" +
                    "                                                <img src=\"assets/dist/img/cross.png\" alt=\"\"></button>\n" +
                    "                                            <div class=\"modal-body\">\n" +
                    "\n" +
                    "                                                <div class=\"list-view\">\n" +
                    "                                                    <div class=\"row\">\n" +
                    "                                                        <div class=\"col-sm-5\">\n" +
                    "\n" +
                    "                                                            <div class=\"modal-carousel owl-carousel owl-theme\">\n" +
                    "                                                                <div class=\"item\">\n" +
                    "                                                                    <figure><img class=\"img-responsive\"\n" +
                    "                                                                                 src=\"assets/dist/img/products-list/list3.jpg\"\n" +
                    "                                                                                 alt=\"list\"></figure>\n" +
                    "                                                                </div>\n" +
                    "                                                                <div class=\"item\">\n" +
                    "                                                                    <figure><img class=\"img-responsive\"\n" +
                    "                                                                                 src=\"assets/dist/img/products-list/list2.jpg\"\n" +
                    "                                                                                 alt=\"list\"></figure>\n" +
                    "                                                                </div>\n" +
                    "                                                                <div class=\"item\">\n" +
                    "                                                                    <figure><img class=\"img-responsive\"\n" +
                    "                                                                                 src=\"assets/dist/img/products-list/list1.jpg\"\n" +
                    "                                                                                 alt=\"list\"></figure>\n" +
                    "                                                                </div>\n" +
                    "                                                            </div><!-- /.modal-carousel -->\n" +
                    "                                                        </div>\n" +
                    "                                                        <div class=\"col-sm-7\">\n" +
                    "                                                            <div class=\"product-info\">\n" +
                    "                                                                <h4 class=\"font-20-for-reg-0\">Vestido Longo Diva</h4>\n" +
                    "                                                                <h4 class=\"font-16-for-reg-0\">Marca : <span>Blue Flamingo</span>\n" +
                    "                                                                </h4>\n" +
                    "                                                                <h5 class=\"font-16-for-reg-0\">\n" +
                    "                                                                    <p class=\"font-16-for-reg-0\">Lorem Ipsum is simply\n" +
                    "                                                                        dummy text of the printing and typesetting\n" +
                    "                                                                        industry. Ipsum is simply dummy text of the\n" +
                    "                                                                        printing and typesetting industry. </p>\n" +
                    "                                                                    <img src=\"http://s2.nbsoftware.com.br//hype61//fotoproduto//5210001PP.jpg\"\n" +
                    "                                                                         alt=\"\" id=\"imgpos\">\n" +
                    "\n" +
                    "\n" +
                    "                                                                    <div class=\"delivery-date\">\n" +
                    "                                                                        <div id=\"houston-component-11\"></div>\n" +
                    "                                                                    </div><!-- /.delivery-date -->\n" +
                    "\n" +
                    "                                                                    <div class=\"btn-group\">\n" +
                    "\n" +
                    "                                                                        <div class=\"size\">\n" +
                    "                                                                            <select class=\"rq-rental-select2\">\n" +
                    "                                                                                <option value=\"AL\">TAM.</option>\n" +
                    "                                                                                <option value=\"AL\">38</option>\n" +
                    "                                                                                <option value=\"WY\">39</option>\n" +
                    "                                                                                <option value=\"WY\">40</option>\n" +
                    "                                                                                <option value=\"WY\">41</option>\n" +
                    "                                                                                <option value=\"WY\">42</option>\n" +
                    "                                                                                <option value=\"WY\">43</option>\n" +
                    "                                                                            </select>\n" +
                    "\n" +
                    "                                                                        </div><!-- /.size -->\n" +
                    "                                                                        <div class=\"color\">\n" +
                    "\n" +
                    "                                                                            <select class=\"rq-rental-select2\">\n" +
                    "                                                                                <option value=\"AL\">Cor</option>\n" +
                    "                                                                                <option value=\"AL\">Vermelho</option>\n" +
                    "                                                                                <option value=\"WY\">Rosa</option>\n" +
                    "                                                                                <option value=\"WY\">Verde</option>\n" +
                    "                                                                            </select>\n" +
                    "                                                                        </div><!-- /.color -->\n" +
                    "                                                                    </div><!-- /.btn-group -->\n" +
                    "                                                                    <button type=\"button\" class=\"btn btn-success\"\n" +
                    "                                                                            class=\"shopping-bag\">Verificar\n" +
                    "                                                                        Disponibilidade<i class=\"fa fa-shopping-bag\"\n" +
                    "                                                                                          aria-hidden=\"true\"></i>\n" +
                    "                                                                    </button>\n" +
                    "\n" +
                    "                                                            </div><!-- /.product-info -->\n" +
                    "                                                        </div>\n" +
                    "                                                    </div><!-- /.row -->\n" +
                    "                                                </div><!-- /.list-view -->\n" +
                    "\n" +
                    "                                            </div>\n" +
                    "                                        </div><!-- /.modal-content -->\n" +
                    "                                    </div><!-- /.modal-dialog -->\n" +
                    "                                </div><!-- /.modal -->\n" +
                    "                            </div>\n" +
                    "                        </figcaption>\n" +
                    "                    </figure>\n" +
                    "                    <div class=\"description\">\n" +
                    "                        <a href=\"booking.html\" class=\"font-18-for-reg-0\">Vestido Longo Diva</a>\n" +
                    "                        <p>Blue Flamingo</p>\n" +
                    "                    </div><!-- /.description -->\n" +
                    "                </div><!-- /.product-list -->\n" +
                    "            </div><!-- /.col-sm-4 -->\n"


            });

            $("#prod").html(conteudo);


        }


    });

}

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.

      Estou com uma dúvida, referente cálculo de valores em tempo real.

      Tenho uma rotina, que faz o cálculo, o problema é mostrar o resultado.

      Quero mostrar o RESULTADO assim: 0,00  ou  0.00

      Abaixo posto o código.
      jQuery('input').on('keyup',function(){ //Remover ponto e trocar a virgula por ponto var m = document.getElementById("pgRest").value; while (m.indexOf(".") >= 0) { m = m.replace(".", ""); } m = m.replace(",","."); //Remover ponto e trocar a virgula por ponto var j = document.getElementById("pgDsct").value; while (j.indexOf(".") >= 0) { j = j.replace(".", ""); } j = j.replace(",","."); m = parseFloat(jQuery('#pgRest').val() != '' ? jQuery('#pgRest').val() : 0); j = parseFloat(jQuery('#pgDsct').val() != '' ? jQuery('#pgDsct').val() : 0); //Mostra o Resultado em Tempo Real jQuery('#pgTroco').val(m - j); <<=== aqui estou errando })  
       
      Grato,
       
      Cesar
       
       
    • Por violin101
      Caro amigos, saudações.

      Tenho uma tabela escrita em JS que funciona corretamente.
       
      Minha dúvida:
      - como devo fazer para quando a Tabela HTML estiver vazia, exibir o LOGO da Empresa ?

      Abaixo posto o script:
      document.addEventListener( 'keydown', evt => { if (!evt.ctrlKey || evt.key !== 'i' ) return;// Não é Ctrl+A, portanto interrompemos o script evt.preventDefault(); //Chama a Função Calcular Qtde X Valor Venda calcvda(); var idProdutos = document.getElementById("idProdutos").value; var descricao = document.getElementById("descricao").value; var prd_unid = document.getElementById("prd_unid").value; var estoque_atual = document.getElementById("estoque_atual").value; var qtde = document.getElementById("qtde").value; var vlrunit = document.getElementById("vlrunit").value; var vlrtotals = document.getElementById("vlrtotal").value; var vlrtotal = vlrtotals.toLocaleString('pt-br', {minimumFractionDigits: 2}); if(validarConsumo(estoque_atual)){ //Chama a Modal com Alerta. $("#modal_qtdemaior").modal(); } else { if(qtde == "" || vlrunit == "" || vlrtotal == ""){ //Chama a Modal com Alerta. $("#modal_quantidade").modal(); } else { //Monta a Tabela com os Itens html = "<tr style='font-size:13px;'>"; html += "<td width='10%' height='10' style='text-align:center;'>"+ "<input type='hidden' name='id_prds[]' value='"+idProdutos+"'>"+idProdutos+"</td>"; html += "<td width='47%' height='10'>"+ "<input type='hidden' name='descricao[]' value='"+descricao+"'>"+descricao+ "<input type='hidden' name='esp[]' value='"+prd_unid+"'> - ESP:"+prd_unid+ "<input type='hidden' name='estoq[]' value='"+estoque_atual+"'></td>"; html += "<td width='10%' height='10' style='text-align:center;'>"+ "<input type='hidden' name='qtde[]' value='"+qtde+"'>"+qtde+"</td>"; html += "<td width='12%' height='10' style='text-align:right;'>"+ "<input type='hidden' name='vlrunit[]' value='"+vlrunit+"'>"+vlrunit+"</td>"; html += "<td width='14%' height='10' style='text-align:right;'>"+ "<input type='hidden' name='vlrtotal[]' value='"+vlrtotal+"'>"+vlrtotal+"</td>"; html += "<td width='12%' height='10' style='text-align:center;'>"+ "<button type='button' class='btn btn-uvas btn-remove-produto' style='margin-right:1%; padding:1px 3px; font-size:12px;' title='Remover Item da Lista'>"+ "<span class='fa fa-minus' style='font-size:12px;'></span></button></td>"; html += "</tr>"; $("#tbventas tbody").append(html); //Função para Somar os Itens do Lançamento somar(); $("#idProdutos").val(null); $("#descricao").val(null); $("#prd_unid").val(null); $("#qtde").val(null); $("#vlrunit").val(null); $("#vlrtotal").val(null); $("#idProdutos").focus(); //Se INCLUIR NOVO produto - Limpa a Forma de Pagamento $("#pgSoma").val(null); $("#pgRest").val(null); $("#pgDsct").val(null); $("#pgTroco").val(null); $("#tbpagar tbody").empty(); }//Fim do IF-qtde }//Fim do Validar Consumo });//Fim da Função btn-agregar  
      Grato,

      Cesar
       
    • Por violin101
      Caros amigos, saudações.

      Estou com uma pequena dúvida se é possível ser realizado.

      Preciso passar 2 IDs para o Sistema executar a função, estou utilizando desta forma e gostaria de saber como faço via JS para passar os parâmetro que preciso.

      Observação:
      Dentro da TABELA utilizei 2 Forms, para passar os IDS que preciso, funcionou conforme código abaixo.
      <div class="card-body"> <table id="tab_clie" class="table table-bordered table-hover"> <thead> <tr> <th style="text-align:center; width:10%;">Pedido Nº</th> <th style="text-align:center; width:10%;">Data Pedido</th> <th style="text-align:center; width:32%;">Fornecedor</th> <th style="text-align:center; width:10%;">Status</th> <th style="text-align:center; width:5%;">Ação</th> </tr> </thead> <tbody> <?php foreach ($results as $r) { $dta_ped = date(('d/m/Y'), strtotime($r->dataPedido)); switch ($r->pd_status) { case '1': $status = '&nbsp;&nbsp;Aberto&nbsp;&nbsp;'; $txt = '#FFFFFF'; //Cor: Branco $cor = '#000000'; //Cor: Preta break; case '2': $status = 'Atendido Total'; $txt = '#FFFFFF'; //Cor: Branco $cor = '#086108'; //Cor: Verde break; case '3': $status = 'Atendido Parcial'; $txt = '#000000'; //Cor: Branco $cor = '#FEA118'; //Cor: Amarelo break; default: $status = 'Cancelado'; $txt = '#FFFFFF'; //Cor: Branco $cor = '#D20101'; //Cor: Vermelho break; } echo '<tr>'; echo '<td width="10%" height="10" style="text-align:center;">'.$r->pd_numero.'</td>'; echo '<td width="10%" height="10" style="text-align:center;">'.$dta_ped.'</td>'; echo '<td width="32%" height="10" style="text-align:left;">'.$r->nome.'</td>'; echo '<td width="10%" height="10" style="text-align:left;"><span class="badge" style="color:'.$txt.'; background-color:'.$cor.'; border-color:'.$cor.'">'.$status.'</span></td>'; echo '<td width="5%" style="text-align:center;">'; ?> <div class="row"> <?php if($this->permission->checkPermission($this->session->userdata('permissao'), 'vPedido')){ ?> <form action="<?= base_url() ?>compras/pedidos/visualizar" method="POST" > <input type="hidden" name="idPedido" value="<?php echo $r->idPedidos; ?>"> <input type="hidden" name="nrPedido" value="<?php echo $r->pd_numero; ?>"> <button class="btn btn-warning" title="Visualizar" style="margin-left:50%; padding: 1px 3px;"><i class="fa fa-search icon-white"></i></button> </form> <?php } if($this->permission->checkPermission($this->session->userdata('permissao'), 'ePedido')){ ?> <form action="<?= base_url() ?>compras/pedidos/editar" method="POST" > <input type="hidden" name="idPedido" value="<?php echo $r->idPedidos; ?>"> <input type="hidden" name="nrPedido" value="<?php echo $r->pd_numero; ?>"> <button class="btn btn-primary" title="Editar" style="margin-left:50%; padding: 1px 3px;"><i class="fa fa-edit icon-white"></i></button> </form> <?php } ?> </div> <?php echo '</td>'; echo '</tr>'; } ?> </tbody> </table> </div>
      Grato,

      Cesar.
    • Por belann
      Olá!
       
      Estou usando o editor quill em uma página html, sem fazer a instalação com npm, mas usando as api´s via internet com http, no entanto não consigo fazer a tecla enter funcionar para mudança de linha, tentei essa configuração abaixo, mas não funcionou.
       
      modules: {       syntax: true,       toolbar: '#toolbar-container',       keyboard: {         bindings: {           enter: {             key: 13,             handler: function(range, context) {                       quill.formatLine(range.index, range.length, { 'align': '' });             }           }  
       
    • Por violin101
      Caros amigos, saudações.
       
      Gostaria de poder tirar uma dúvida com os amigos.
       
      Como faço uma função para Comparar a Data Digitada pelo o Usuário com a Data Atual ?

      Data Digitada:  01/09/2024
       
      Exemplo:
      25/09/2024 é menor que DATA Atual  ====> mensagem: informe uma data válida.
      25/09/2024 é igual DATA Atual ===> o sistema libera os INPUT's.
       
      Como faço uma comparação com a Data Atual, para não Deixar Gravar Data retroativa a data Atual.
       
      Grato,
       
      Cesar
×

Informação importante

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