Jump to content

Sergio Murilo Cabral

Members
  • Content count

    18
  • Joined

  • Last visited

Community Reputation

0 Comum

About Sergio Murilo Cabral

  1. Sergio Murilo Cabral

    Ajuda com window.alert

    Funcionou ICAROF... Mas eu posso inserir uma mensagem do porque o cadastro do usuário não foi concluído?
  2. Sergio Murilo Cabral

    Ajuda com window.alert

    Estou criando um cadastro de usuários, que até o momento esta funcionando quase que perfeito, se não fosse um "window.alert" aparecer quando desnecessário... É o seguinte, eu inseri o código abaixo para evitar o cadastro de E-mail repetido no Sistema, já que estarei usando o E-mail cadastrado como Login. // Verifica se o E-mail já existe no sistema $sql_verificaMail = 'SELECT email FROM cadastro WHERE email = :email'; $query_verificaMail = $db->prepare($sql_verificaMail); $query_verificaMail->bindValue(':email',$email, PDO::PARAM_STR); $query_verificaMail->execute(); $count_verificaMail = $query_verificaMail->rowCount(PDO::FETCH_ASSOC); if($count_verificaMail >= '1'){ // Redireciona para a pagina de inicio, caso o E-mail já existir no Sistema. echo "<meta http-equiv='refresh' content='0; URL= index.php'> <script language='javascript'> window.alert('Ups... Esse E-mail já é cadastrado em nosso Sistema!!!'); </script>"; }else{ // Se for um novo E-mail no sistema é realizado o cadastro Mas quando me deparo com um E-mail já cadastrado, ele bloqueia o cadastro e via "window.alert" envia a mensagem de que o E-mail já existe no Sistema, até ai perfeito... Mas quando clico em "OK" para voltar à pagina inicial, ele me manda outro "window.alert", que se refere ao E-mail enviado para a conta cadastrada... Estou postando abaixo todo código, para que os amigos possam me dar uma luz, e eu possa fazer que ele volte para a pagina inicial, logo apos o "window.alert", de E-mail já cadastrado. <?php require 'init.php'; include 'config.php'; // Cadastro if(isset($_POST['cadastrar'])){ $name = addslashes($_POST['name']); $ur = addslashes($_POST['ur']); $celular = addslashes($_POST['celular']); $email = addslashes($_POST['email']); $password = addslashes($_POST['password']); $foto = addslashes($_POST['foto']); $end_foto = addslashes($_POST['end_foto']); $t_cartola = addslashes($_POST['t_cartola']); $end_t_cartola = addslashes($_POST['end_t_cartola']); // Verifica se o E-mail já existe no sistema no Sistema $sql_verificaMail = 'SELECT email FROM cadastro WHERE email = :email'; $query_verificaMail = $db->prepare($sql_verificaMail); $query_verificaMail->bindValue(':email',$email, PDO::PARAM_STR); $query_verificaMail->execute(); $count_verificaMail = $query_verificaMail->rowCount(PDO::FETCH_ASSOC); if($count_verificaMail >= '1'){ // Redireciona para a pagina de inicio, caso o E-mail já existir no Sistema. echo "<meta http-equiv='refresh' content='0; URL= index.php'> <script language='javascript'> window.alert('Ups... Esse E-mail já é cadastrado em nosso Sistema!!!'); </script>"; }else{ // Se for um novo E-mail no sistema é realizado o cadastro $sql = 'INSERT INTO cadastro (name, ur, celular, email, password, foto, end_foto, t_cartola, end_t_cartola)'; $sql .= 'VALUES (:name, :ur, :celular, :email, :password, :foto, :end_foto, :t_cartola, :end_t_cartola)'; try { $create = $db->prepare($sql); $create->bindValue(':name', $name, PDO::PARAM_STR); $create->bindValue(':ur', $ur, PDO::PARAM_STR); $create->bindValue(':celular', $celular, PDO::PARAM_STR); $create->bindValue(':email', $email, PDO::PARAM_STR); $create->bindValue(':password', $password, PDO::PARAM_STR); $create->bindValue(':foto', $foto, PDO::PARAM_STR); $create->bindValue(':end_foto', $end_foto, PDO::PARAM_STR); $create->bindValue(':t_cartola', $t_cartola, PDO::PARAM_STR); $create->bindValue(':end_t_cartola', $end_t_cartola, PDO::PARAM_STR); if($create->execute()){ echo "<meta http-equiv='refresh' content='0; URL= ../index.php'> <script language='javascript'> window.alert('Cadastro realizado com sucesso!'); </script>"; } }catch (PDOException $e){ echo "<meta http-equiv='refresh' content='0; URL= ../index.php'> <script language='javascript'> window.alert('Ups... Erro ao realizar o Cadastro'); </script>"; }}} $urlSite = $_POST['urlSite']; $name = $_POST['name']; $email = $_POST['email']; require('PHPMailer/class.phpmailer.php'); $smtp = 'mail.resenhao.com.br'; $emailUser = 'adm@resenhao.com.br'; $senha = 'resenhao100164'; $mail = new PHPMailer(); $mail->IsSMTP(); $mail->SMTPAuth = true; $mail->Port = 587; $mail->Host = "$smtp"; $mail->Username = "$emailUser"; $mail->Password = "$senha"; $mail->SetFrom("$emailUser", "$urlSite"); $mail->AddAddress("$email", "$name"); $mail->Subject = 'Confirmar cadastro'; $body = "Olá $name<br/><br/> Para confirmar seu cadastro, por favor, clique no link abaixo:<br/> <a href='$urlSite/cadastroConfirmado.php?email=$email'>Clique aqui para confirmar seu cadastro</a><br/><br/> Se não tiver sido você ou não desejar confirmar o cadastro, apenas desconsidere esta mensagem<br/><br/> Obribado!"; $mail->MsgHTML($body); if($mail->Send()){ echo "<meta http-equiv='refresh' content='0; URL= index.php'> <script language='javascript'> window.alert('Foi enviado uma mensagem para o E-mail cadastrado,' + '\\n' + 'que possivelmente estara em sua caixa SPAM,' + '\\n' + 'que deve ser confirmado para validar o seu cadastro.'); </script>"; } else { echo "<meta http-equiv='refresh' content='0; URL= index.php'> <script language='javascript'> window.alert('Ups.. Erro ao realizar o cadastro!'); </script>"; } ?> Desde já agradeço pela a atenção de todos...
  3. Sergio Murilo Cabral

    Problema com Requisição Ajax e Atualização de dados (Update).

    Olá denovo ShadowDLL, pintou uma duvida, depois que o script efetua as alterações, ele me retorna para a pagina "index.php" , conforme linha abaixo... <meta http-equiv='refresh' content='0; URL= ../index.php'> A minha duvida é? Seria possível ele retornar para a pagina "perfil_usuario.php" com o id do usuário consultado? Tentei da forma abaixo: <meta http-equiv='refresh' content='0; URL= perfil_usuario.php?id=".$res["id"]."'> Mas ele me retorna para a pagina correta porém, como uma nova pagina, quando eu gostaria que ele retornasse na ".conteudo" da "a#nav" a qual a Requisição Ajax se refere. Estou postando abaixo o arquivo da "Requisição Ajax". $(function(){ $("#carregando").hide(); $("ul.nav li a").click(function(){ pagina = "arquivos/"+$(this).attr("href") // paginas dos links do menu $("#carregando").ajaxStart(function(){ $(this).show(); }) $("#carregando").ajaxStop(function(){ $(this).hide(); }) $(".conteudo").load(pagina) return false; }) }) $(function(){ $("#carregando").hide(); $("a#nav").click(function(){ pagina = "arquivos/"+$(this).attr("href") // paginas dos links do menu $("#carregando").ajaxStart(function(){ $(this).show(); }) $("#carregando").ajaxStop(function(){ $(this).hide(); }) $(".conteudo").load(pagina) return false; }) }) Mas uma vez obrigado pela sua atenção... ;)
  4. Sergio Murilo Cabral

    Problema com Requisição Ajax e Atualização de dados (Update).

    Perfeito ShadowDLL, com... <form action="arquivos/update_usuario.php?id=<?php echo $res['id']; ?>" method="POST" enctype="multipart/form-data"> funcionou perfeito!!! Obrigado pela dica, e por se dispor a me ajudar...
  5. Sergio Murilo Cabral

    Problema com Requisição Ajax e Atualização de dados (Update).

    Olá ShadowDLL, fiz a alteração que você mencionou, e me retornou esse erro abaixo... Parse error: syntax error, unexpected '$_GET' (T_VARIABLE), expecting ',' or ';' in C:\wamp\www\Resenhao 2020\arquivos\update_usuario.php on line 57 Na linha que foi alterada... <form action="arquivos/update_usuario.php?id=<?=$_GET['id']?>" method="POST" enctype="multipart/form-data"> Heellllppp...
  6. Olá, meu problema é o seguinte... criei um perfil de usuários onde permito que o dono da conta possa fazer as alterações que desejar, e fiz todo código com o UPDATE dos dados funcionando, abrindo a o arquivo update_usuario.php em uma nova pagina. Porém quando criei uma Requisição AJAX, para fazer com que ele abra dentro da DIV class conteudo, ele não funciona, ou seja não efetua o UPDATE dos dados alterados. Se alguém puder dar uma força, me mostrando o porque, ficarei muito agradecido!!! Segue abaixo os códigos dos aquivos usados: Aquivo perfil_usuario.php - Onde o Usuário visualiza seu dados e solicita a edição dos mesmos ou o exclui. <?php include "../init.php"; include "../config.php"; include "../check.php"; ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Liga RE$ENHÃO 2020</title> </head> <body> <div> <h1>Editando Usuários</h1> <table> <tr> <td align="center" width="350">Nome</td> <td align="center" width="350">Email</td> <td align="center" width="150">Senha</td> <td align="center" width="250">Nº do WhatsApp</td> <td align="center" width="250">Sua Foto</td> <td align="center" width="250">Time no Cartola</td> <td align="center" width="350">Ações</td> </tr> <?php $id = $_GET['id']; $sql = $db->query("SELECT * FROM cadastro WHERE id = '$id'"); foreach ($sql as $res) { echo "<tr>"; echo "<td align='center'>".$res['name']."</td>"; echo "<td align='center'>".$res['email']."</td>"; echo "<td align='center'>".$res['password']."</td>"; echo "<td align='center'>".$res['celular']."</td>"; echo "<td align='center'><img style='height:50%; width:auto; max-width:150px;' src='upload/".$res['foto']."'/></td>"; echo "<td align='center'><img style='height:; width:auto; max-width:150px;' src='upload/".$res['t_cartola']."'/></td>"; echo '<td align="center"> <a id="nav" href="update_usuario.php?id='.$res['id'].'"> <img src="img/edite.png" title=" Editar Usuário "></a> <span><img width="30px" src="img/mito_vazio.png"></span> <a id="nav" href="excluir.php?id='.$res['id'].'"> <img src="img/delete.png" title=" Excluir Usuário "></a> </td>'; echo "</tr>"; } ?> </table> </div> </body> </html> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script src="js/ajax.js"></script> Aquivo ajax.js - Requisição AJAX. $(function(){ $("#carregando").hide(); $("a#nav").click(function(){ pagina = "arquivos/"+$(this).attr("href") $("#carregando").ajaxStart(function(){ $(this).show(); }) $("#carregando").ajaxStop(function(){ $(this).hide(); }) $(".conteudo").load(pagina) return false; }) }) Aquivo update_usuario.php - Onde o Usuário poderá alterar os seus dados UPDATE. <?php require "../init.php"; include "../config.php"; ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Liga RE$ENHÃO 2020</title> </head> <body> <div> <?php $id = $_GET['id']; $sql = $db->query("SELECT * FROM cadastro WHERE id = '$id'"); $sql->execute(); foreach($sql->fetchAll() as $res); if(isset($_POST['atualizar'])){ $name=addslashes(trim($_POST['name'])); $ur=addslashes(trim($_POST['ur'])); $email=addslashes(trim($_POST['email'])); $password=addslashes(trim($_POST['password'])); $celular=addslashes(trim($_POST['celular'])); $update = $db->prepare("UPDATE cadastro SET name=:name, ur=:ur, email=:email, password=:password, celular=:celular WHERE id = '$id'"); $update->bindValue(':name', $name); $update->bindValue(':ur', $ur); $update->bindValue(':email', $email); $update->bindValue(':password', $password); $update->bindValue(':celular', $celular); $update->execute(); if($update == ''){ echo "<script language='javascript'> window.alert('Erro ao alterar dados!'); </script>"; }else{ echo "<meta http-equiv='refresh' content='0; URL= ../index.php'> <script language='javascript'> window.alert('Dados atualizados com sucesso!'); </script>"; }} ?> <!-- ////// Formlário dados pessoais do Usuário \\\\\\ --> <div style="background-color:#fff;height:auto;width:33%;color:#000;float:left;"> <form action="" method="post" enctype="multipart/form-data"> <label for="name"><span>Nome: </span></label> <input type="text" name="name" value="<?php echo $res['name']; ?>"> <br /> <label for="ur"><span>Estado: </span></label> <input type="text" name="ur" value="<?php echo $res['ur']; ?>"> <br /> <label for="celular"> <span>E-mail: </span> <?php echo $res['email']; ?> </label> <input hidden="" type="text" name="email" value="<?php echo $res['email']; ?>"> <input hidden="" type="text" name="password" value="<?php echo $res['password']; ?>"> <br /> <label for="celular"><span>Celular: </span></label> <input type="text" name="celular" value="<?php echo $res['celular']; ?>"> <br /> <input type="submit" name="atualizar" value="Atualizar"> </form> </div> <?php # UPDATE da Foto if(isset($_POST['enviar'])){ $id = $_GET['id']; $foto = $_FILES['foto']; $sqlUpdate = "UPDATE cadastro SET foto = ? WHERE id = ?"; $dados = array($foto, $id); $pasta = '../upload/'; if (isset($_POST['enviar'])){ $check = @$_POST['apagar']; foreach($check as $foto){ $delcheck = $sqlUpdate = ("UPDATE cadastro SET foto = ? WHERE id = ?"); unlink($pasta.'/'.$foto); if ($delcheck >= '1'){ echo 'Imagem deletada com sucesso!'; }else{ echo 'Erro ao deletar imagem, tente novamente!'; }}}} ?> <?php include "Upload.class.php"; if ((isset($_POST["enviar"])) && (! empty($_FILES['foto']))){ $upload = new Upload($_FILES['foto'], 1000, 800, "../upload/"); echo $upload->salvar(); } ?> <div> <form action="" method="POST" enctype="multipart/form-data"> <?php $id = $_GET['id']; $sql = $db->prepare("SELECT * FROM cadastro WHERE id='$id'"); $sql->execute(); foreach($sql->fetchAll() as $res){ ?> <input size="1" type="hidden" name="id" value="<?php echo $res['id'];?>" readonly> <input type="hidden" type="checkbox" name="apagar[]" value="<?php echo $res['foto'];?>" checked readonly> <?php } ?> <img src="../upload/<?php echo $res['foto'];?>"/><br /> <label>Selecione uma nova imagem:</label><br /> <input type="file" name="foto" accept="image/*" ><br /> <input type="submit" name="enviar" value="Atualizar"> </form> </div> </div> </body> </html> E por fim o Arquivo Upload.class.php - Faz o Upload da imagem. <?php class Upload{ private $arquivo; private $altura; private $largura; private $pasta; function __construct($arquivo, $altura, $largura, $pasta){ $this->arquivo = $arquivo; $this->altura = $altura; $this->largura = $largura; $this->pasta = $pasta; } private function getExtensao(){ //retorna a extensao da imagem return $extensao = strtolower(end(explode('.', $this->arquivo['name']))); } private function ehImagem($extensao){ $extensoes = array('gif', 'jpeg', 'jpg', 'png'); // extensoes permitidas if (in_array($extensao, $extensoes)) return true; } //largura, altura, tipo, localizacao da imagem original private function redimensionar($imgLarg, $imgAlt, $tipo, $img_localizacao){ //descobrir novo tamanho sem perder a proporcao if ( $imgLarg > $imgAlt ){ $novaLarg = $this->largura; $novaAlt = round( ($novaLarg / $imgLarg) * $imgAlt ); } elseif ( $imgAlt > $imgLarg ){ $novaAlt = $this->altura; $novaLarg = round( ($novaAlt / $imgAlt) * $imgLarg ); } else // altura == largura $novaAltura = $novaLargura = max($this->largura, $this->altura); //redimencionar a imagem //cria uma nova imagem com o novo tamanho $novaimagem = imagecreatetruecolor($novaLarg, $novaAlt); switch ($tipo){ case 1: // gif $origem = imagecreatefromgif($img_localizacao); imagecopyresampled($novaimagem, $origem, 0, 0, 0, 0, $novaLarg, $novaAlt, $imgLarg, $imgAlt); imagegif($novaimagem, $img_localizacao); break; case 2: // jpg $origem = imagecreatefromjpeg($img_localizacao); imagecopyresampled($novaimagem, $origem, 0, 0, 0, 0, $novaLarg, $novaAlt, $imgLarg, $imgAlt); imagejpeg($novaimagem, $img_localizacao); break; case 3: // png $origem = imagecreatefrompng($img_localizacao); imagecopyresampled($novaimagem, $origem, 0, 0, 0, 0, $novaLarg, $novaAlt, $imgLarg, $imgAlt); imagepng($novaimagem, $img_localizacao); break; } //destroi as imagens criadas imagedestroy($novaimagem); imagedestroy($origem); } public function salvar(){ $extensao = $this->getExtensao(); //gera um nome unico para a imagem em funcao do tempo $novo_nome = time() . '.' . $extensao; //localizacao do arquivo $destino = $this->pasta . $novo_nome; //move o arquivo if (! move_uploaded_file($this->arquivo['tmp_name'], $destino)){ if ($this->arquivo['error'] == 1) return "Tamanho excede o permitido"; else return "Erro " . $this->arquivo['error']; } if ($this->ehImagem($extensao)){ //pega a largura, altura, tipo e atributo da imagem list($largura, $altura, $tipo, $atributo) = getimagesize($destino); // testa se é preciso redimensionar a imagem if(($largura > $this->largura) || ($altura > $this->altura)) $this->redimensionar($largura, $altura, $tipo, $destino); } include '../config.php'; $id = $_GET['id']; $foto = $_FILES['foto']; $update = $db->prepare("UPDATE cadastro SET foto = '$novo_nome' WHERE id = '$id'"); //Preparo a string de conexão $update->bindParam('id', $id, PDO::PARAM_STR); $update->bindParam('foto', $novo_nome, PDO::PARAM_STR); // Faço o bind dos parametros if(!$update->execute()){ //Executo a query echo "<script language='javascript'> window.alert('Erro ao atualizar Imagem!!!'); </script>"; }else{ echo "<meta http-equiv='refresh' content='0; URL= ../index.php'> <script language='javascript'> window.alert('Imagem atualizada com sucesso!'); </script>"; } }} ?>
  7. Olá, não estou conseguindo trazer os dados dos produtos para a <div id="services"></div>. Reparei que quando retiro essa parte do código "?codsubcategoria='.$res2['nome'].'" da "<li class="teste"></li>", me traz pelo menos as tabelas de Marcas e Categorias. Acho que esta faltando algo no Javascript, mas não faço ideia do que, e de como posso solucionar esse problema. Conto com a ajuda dos amigos. Abaixo relaciono os códigos usados. <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#menu_cat .teste a").click(function( e ){ e.preventDefault(); var href = $( this ).attr("href"); $("#services").load( href +"#services"); }); }); </script> <ul id="menu_cat"> <?php include "../conexao.php"; $codigo = $_POST['codigo']; $nome_cat = $_POST['nome_cat']; $nome = $_POST['nome']; $query = mysql_query("SELECT codigo, nome_cat FROM categoria ORDER BY nome_cat") or die(mysql_error()); while($res = mysql_fetch_array($query)) { echo '<li><a href="#services">'.$res['nome_cat'].'</a>'; $query2 = mysql_query("SELECT codigo, nome, nome_cat FROM sub_categoria WHERE nome_cat = '".$res['nome_cat']."' ORDER BY nome") or die(mysql_error()); if(mysql_num_rows($query2) > 0) { echo '<ul id="menu_cat">'; while($res2 = mysql_fetch_array($query2)) { echo '<li class="teste"><a href="prod_index_categoria.php?codsubcategoria='.$res2['nome'].'">'.$res2['nome'].'</a></li>'; } echo '</ul>'; } echo '</li>'; } ?> </ul> Desde já meus agradecimentos pela a atenção ao meu problema.
  8. Sergio Murilo Cabral

    Ajuda com href="javascript:;"

    Ola joaocarlosg, realmente sou muito leigo em javascript, teria como você demonstrar no código onde e como devo fazer?
  9. Sergio Murilo Cabral

    Ajuda com href="javascript:;"

    Estou com esse código abaixo, e precisando da ajuda dos amigos para criar um evento que funcione o href="javascript:;" da DIV id="cats-list", para trazer somente os produtos referente a Categoria selecionada na DIV id="songs-list", pois no momento ao clicar em qualquer uma das duas categorias cadastradas, esta me trazendo todos os produtos cadastrados na tabela "PRODUTOS". Acredito que tenha que criar um evento para essa function, porém sou muito leigo em JavaScript, e conto com a ajuda dos amigos. Endereço para acesso a página: http://www.lccinformatica.com.br/ <?php include "conexao.php"; ?> <div id="produtos-content"> <!-- Listando os Categorias --> <?php $nome_cat = $_POST['nome_cat']; $img_cat = $_POST['img_cat']; $query_categoria = mysql_query("SELECT * FROM categoria"); while($res = mysql_fetch_array($query_categoria)){ ?> <div style="float:left; width:112px; height:133px; padding:2px 10px;" id="cats-list"> <a class="cat-link" href="javascript:;" title="<?php echo $res['nome_cat']; ?>"> <img style="position:relative; top:50%; transform:translateY(-50%);" src="img_cate/<?php echo $res['img_cat']; ?>" width="100" title="<?php echo $res['nome_cat']; ?>" /> </a> <div style="background:#2f2140; ; width:880px;z-index:999;border-radius:25px;" class="single-cat"> <h1 align="center" style="width:830px; margin-top:-40px;"><?php echo $res['nome_cat']; ?></h1> <div style="margin-left:357px;width:50px;" class="cat-links"> <a class="close-btn" href="javascript:;" title="Voltar"> <img src="img/fechar.jpg" /> </a> </div> <?php $codigo = $_POST['codigo']; $img_prod = $_POST['img_prod']; $titulo = $_POST['titulo']; $descricao = $_POST['descricao']; $nome_cat = $_POST['nome_cat']; $query_produtos = mysql_query("SELECT * FROM produtos") or die(mysql_error()); while($res = mysql_fetch_array($query_produtos)){ ?> <div style="float:left; width:112px; height:133px; padding:2px 10px;" id="songs-list"> <a class="song-link" href="javascript:;" title=""> <img style="position:relative; top:50%; transform:translateY(-50%);" src="img_prod/<?php echo $res['img_prod']; ?>" width="100" title="<?php echo $res['titulo']; ?>" /> </a> <div style=" margin-top:120px;z-index:999;border-bottom-right-radius:25px;border-top-right-radius:25px;" class="single-song"> <div style="width:50px;margin-left:300px;" class="song-links"> <a class="close-btn" href="javascript:;" title="Voltar"> <img src="img/fechar.jpg" /> </a> <div class="song-sides"> <img style="margin:40px 0 0 -142px;" src="img_prod/<?php echo $res['img_prod']; ?>" width="369" /> </div> </div> <h1> <?php echo $res['titulo']; ?> </h1> <div class="entry" style="overflow-y: hidden; padding: 0px; width: 100px;"> <p style="font-family:Verdana, Geneva, sans-serif; size:14px; font-weight:bold; color:#ccc;"> <?php echo nl2br($res['descricao']); ?> </p> <div class="jspContainer" style="width: 100px; height: auto;"> <div class="jspPane" style="padding: 0px; top: 0px; width: 100px;"> </div></div> </div> <span class="song-sides left-side"></span> </div> </div> <?php } ?> </div> </div> <?php } ?> </div> </div> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery(".single-cat .close-btn").click(function(){ jQuery(this).parent().parent().fadeOut(); }); jQuery(".single-song .close-btn").click(function(){ jQuery(this).parent().parent().fadeOut(); }); }); </script>
  10. Sergio Murilo Cabral

    Ajuda com loop em Javascript

    Consegui resolver o problema!!! A solução foi iniciar o loop antes do Script, inserir o código de cada produto cadastrado na tabela produtos na linha do script referente ao mesmo, na <div id="slider<?php echo $res['codigo']; ?>_container" e lá no final do código passei o segundo script para dentro do Loop com o código dos produtos inserido nele tambem, ficando assim o código: --------------------------- Início do Código ---------------------------------------- <?php include "conexao.php"; $codigo = $_POST['codigo']; $img01 = $_POST['img01']; $img02 = $_POST['img02']; $img03 = $_POST['img03']; $img04 = $_POST['img04']; $titulo = $_POST['titulo']; $preco = $_POST['preco']; $query = mysql_query("SELECT * FROM produto ORDER BY RAND() LIMIT 9"); while($res = mysql_fetch_array($query)){ ?> <script> jssor_slider<?php echo $res['codigo']; ?>_starter = function (containerId) { var options = { $DragOrientation: 3, $BulletNavigatorOptions: { $Class: $JssorBulletNavigator$, $ChanceToShow: 2, $ActionMode: 1, $AutoCenter: 0, $Steps: 1, $Lanes: 1, $SpacingX: 0, $SpacingY: 0, $Orientation: 1 } }; var jssor_slider<?php echo $res['codigo']; ?> = new $JssorSlider$(containerId, options); }; </script> <div style="background-color:<?php echo $res['fundosite_cor']; ?>;; padding:11px;" class="center_prod_box"> <div id="titulo" class="product_title"> <?php echo $res['titulo']; ?> </div> <!-- Jssor Slider Begin --> <!-- To move inline styles to css file/block, please specify a class name for each element. --> <div id="slider<?php echo $res['codigo']; ?>_container" style="position: relative; top: 0px; left: 0px; width: 173px; height: 173px; background-color:<?php echo $res['fundosite_cor']; ?>;"> <!-- Loading Screen --> <div u="loading" style="position: absolute; top: 0px; left: 0px;"> <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block; background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%;"> </div> <div style="position: absolute; display: block; background: url(img/loading.gif) no-repeat center center; top: 0px; left: 0px;width: 100%;height:100%;"> </div> </div> <!-- Slides Container --> <div u="slides" style="background-color:<?php echo $res['fundosite_cor']; ?>;cursor: move; position: absolute; left: 0px; top: 2px; height:150px; width:173px; text-align:center; overflow: hidden;"> <div> <a href="prod_detalhe.php?codigo=<?php echo $res['codigo']; ?>"> <img style="position:relative; top:50%; transform:translateY(-50%);"width="100" src="img_produtos/<?php echo $res['img01']; ?>" /> </a> </div> <div> <a href="prod_detalhe.php?codigo=<?php echo $res['codigo']; ?>"> <img style="position:relative; top:50%; transform:translateY(-50%);"width="100" src="img_produtos/<?php echo $res['img02']; ?>" /> </a> </div> <div> <a href="prod_detalhe.php?codigo=<?php echo $res['codigo']; ?>"> <img style="position:relative; top:50%; transform:translateY(-50%);"width="100" src="img_produtos/<?php echo $res['img03']; ?>" /> </a> </div> <div> <a href="prod_detalhe.php?codigo=<?php echo $res['codigo']; ?>"> <img style="position:relative; top:50%; transform:translateY(-50%);"width="100" src="img_produtos/<?php echo $res['img04']; ?>" /> </a> </div> </div> <!--#region Bullet Navigator Skin Begin --> <!-- Help: http://www.jssor.com/development/slider-with-bullet-navigator-jquery.html --> <style> /* jssor slider bullet navigator skin 03 css */ /* .jssorb03 div (normal) .jssorb03 div:hover (normal mouseover) .jssorb03 .av (active) .jssorb03 .av:hover (active mouseover) .jssorb03 .dn (mousedown) */ .jssorb03 { position: absolute; } .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av { position: absolute; /* size of bullet elment */ width: 21px; height: 21px; text-align: center; line-height: 21px; color: white; font-size: 12px; background: url(img/b03.png) no-repeat; overflow: hidden; cursor: pointer; } .jssorb03 div { background-position: -5px -4px; } .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; } .jssorb03 .av { background-position: -65px -4px; } .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; } </style> <!-- bullet navigator container --> <div u="navigator" class="jssorb03" style="bottom: 1px; left: 40px;"> <!-- bullet navigator item prototype --> <div u="prototype"><div u="numbertemplate"></div></div> </div> <!--#endregion Bullet Navigator Skin End --> <!-- Trigger --> </div> <!-- Jssor Slider End --> <div id="preco" class="prod_price"> <span style=""> R$ <?php echo $res['preco']; ?> </span> </div> <div id="carrinho" class=""><br /> <a href="prod_carrinho.php?acao=add&codigo=<?php echo $res['codigo']; ?>"> <img style="position:relative;top:50%;transform:translateY(-50%); "width="20" src="img/carrinho.png" title="Por no Carrinho" /> </a> </div> <hr id="linha1" /> <hr id="linha2" /> </div> <script> jssor_slider<?php echo $res['codigo']; ?>_starter('slider<?php echo $res['codigo']; ?>_container'); </script> <?php } ?> </div> --------------------------- Início do Código ---------------------------------------- Espero que esse post venha ajudar a outros usuários com o mesmo problema. Agradeço a atenção, e grande abraço à todos.
  11. Sergio Murilo Cabral

    Ajuda com loop em Javascript

    Em relação a DIV eu mantive do jeito que esta no projeto da JQuery, e tenho apenas dois produtos cadastrados na tabela produto, Placa Mãe e Geladeira, ambos somente para testar. Me parece que o problema estar em dar um loop no script que organiza e da movimento na escolha dos botões enumerados para mudar a imagem. Pode reparar que o primeiro item sempre esta funcionando. Já pesquisei ate mesmo na W3schools - http://www.w3schools.com/js/js_loop_while.asp, que me oferece algumas dicas mas como sou muito leigo em JavaScript não consegui entender a logica para implantar no meu script. Se tiveres alguma ideia de como devo proceder para coloca-lo funcionando, ficarei agradecido.
  12. Sergio Murilo Cabral

    Ajuda com loop em Javascript

    Olá, estou com esse código abaixo: ------------------------------------------------------ INÍCIO DO CÓDIGO ----------------------------------------- <div class="" style="background:<?php echo $res['fundosite_cor']; ?>; width:588px; float:left;"> <script> jssor_slider20_starter = function (containerId) { var options = { $DragOrientation: 3, $BulletNavigatorOptions: { $Class: $JssorBulletNavigator$, $ChanceToShow: 2, $ActionMode: 1, $AutoCenter: 0, $Steps: 1, $Lanes: 1, $SpacingX: 0, $SpacingY: 0, $Orientation: 1 } }; var jssor_slider20 = new $JssorSlider$(containerId, options); }; </script> <?php include "conexao.php"; $codigo = $_POST['codigo']; $img01 = $_POST['img01']; $img02 = $_POST['img02']; $img03 = $_POST['img03']; $img04 = $_POST['img04']; $titulo = $_POST['titulo']; $preco = $_POST['preco']; $query = mysql_query("SELECT * FROM produto ORDER BY RAND() LIMIT 9"); while($res = mysql_fetch_array($query)){ ?> <div style="background-color:<?php echo $res['fundosite_cor']; ?>;; padding:11px;" class="center_prod_box"> <div id="titulo" class="product_title"> <?php echo $res['titulo']; ?> </div> <!-- Jssor Slider Begin --> <!-- To move inline styles to css file/block, please specify a class name for each element. --> <div id="slider20_container" style="position: relative; top: 0px; left: 0px; width: 173px; height: 173px; background-color:<?php echo $res['fundosite_cor']; ?>;"> <!-- Loading Screen --> <div u="loading" style="position: absolute; top: 0px; left: 0px;"> <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block; background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%;"> </div> <div style="position: absolute; display: block; background: url(img/loading.gif) no-repeat center center; top: 0px; left: 0px;width: 100%;height:100%;"> </div> </div> <!-- Slides Container --> <div u="slides" style="background-color:<?php echo $res['fundosite_cor']; ?>;cursor: move; position: absolute; left: 0px; top: 2px; height:150px; width:173px; text-align:center; overflow: hidden;"> <div> <a href="prod_detalhe.php?codigo=<?php echo $res['codigo']; ?>"> <img style="position:relative; top:50%; transform:translateY(-50%);"width="100" src="img_produtos/<?php echo $res['img01']; ?>" /> </a> </div> <div> <a href="prod_detalhe.php?codigo=<?php echo $res['codigo']; ?>"> <img style="position:relative; top:50%; transform:translateY(-50%);"width="100" src="img_produtos/<?php echo $res['img02']; ?>" /> </a> </div> <div> <a href="prod_detalhe.php?codigo=<?php echo $res['codigo']; ?>"> <img style="position:relative; top:50%; transform:translateY(-50%);"width="100" src="img_produtos/<?php echo $res['img03']; ?>" /> </a> </div> <div> <a href="prod_detalhe.php?codigo=<?php echo $res['codigo']; ?>"> <img style="position:relative; top:50%; transform:translateY(-50%);"width="100" src="img_produtos/<?php echo $res['img04']; ?>" /> </a> </div> </div> <!--#region Bullet Navigator Skin Begin --> <!-- Help: http://www.jssor.com/development/slider-with-bullet-navigator-jquery.html --> <style> /* jssor slider bullet navigator skin 03 css */ /* .jssorb03 div (normal) .jssorb03 div:hover (normal mouseover) .jssorb03 .av (active) .jssorb03 .av:hover (active mouseover) .jssorb03 .dn (mousedown) */ .jssorb03 { position: absolute; } .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av { position: absolute; /* size of bullet elment */ width: 21px; height: 21px; text-align: center; line-height: 21px; color: white; font-size: 12px; background: url(img/b03.png) no-repeat; overflow: hidden; cursor: pointer; } .jssorb03 div { background-position: -5px -4px; } .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; } .jssorb03 .av { background-position: -65px -4px; } .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; } </style> <!-- bullet navigator container --> <div u="navigator" class="jssorb03" style="bottom: 1px; left: 40px;"> <!-- bullet navigator item prototype --> <div u="prototype"><div u="numbertemplate"></div></div> </div> <!--#endregion Bullet Navigator Skin End --> <!-- Trigger --> </div> <!-- Jssor Slider End --> <div id="preco" class="prod_price"> <span style=""> R$ <?php echo $res['preco']; ?> </span> </div> <div id="carrinho" class=""><br /> <a href="prod_carrinho.php?acao=add&codigo=<?php echo $res['codigo']; ?>"> <img style="position:relative;top:50%;transform:translateY(-50%); "width="20" src="img/carrinho.png" title="Por no Carrinho" /> </a> </div> <hr id="linha1" /> <hr id="linha2" /> </div> <?php } ?> </div> <script> jssor_slider20_starter('slider20_container'); </script> </div> -------------------------------------------------------- FIM DO CÓDIGO ------------------------------------------- A finalidade é ao acessar a página gostaria que aparecesse 9 produtos aleatórios (No momento tenho apenas 02 produtos listados). Para isso achei que somente dando um WHILE no código php funcionaria, mas puro engano, pois somente consigo dar loop nos arquivos que estão na tabela produtos, mas não consigo fazer com que o script funcione no segundo produto listado. Não estou sabendo fazer com que o script se repita (LOOP). Já pesquisei alguns poster ate mesmo no W3schools, mas não consegui aplicar a logica em meu script, talvez por ser muito leigo em JavaScript. Estou anexando abaixo o endereço de acesso para que os amigos possam dar uma analisada e me dizer o que esta faltando ou como posso faze-lo funcionar. Página com o Problema - http://lccinformatica.com.br/prod_index.php Espero ter conseguido me expressar ao modo que os amigos possam entender a minha necessidade. Abraços à todos e no aguardo se possível de respostas positivas.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.