Ir para conteúdo

POWERED BY:

Arquivado

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

renan.gomes2007

Problemas jQuery

Por , em Javascript

Recommended Posts

renan.gomes2007    0

renan.gomes2007
Postado

Boa noite,

Sou iniciante em PHP, comecei a estudar neste semestre na faculdade desenvolvendo um site mobile de receitas.

Minha dúvida é a seguinte, inseri um campo de comentário em uma página, ao clicar em enviar ele manda a informação pro banco de dados, a após dar o refresh ele até mostra os dados enviados ao banco na página, mas não mostra a página estilizada seguindo as propriedades definidas na biblioteca jQuery, fica tudo como se não tivesse nenhum estilo definido.

________________________________________________________________________________

Segue o código dos arquivos:

conexao.php (Conecta e seleciona o banco de dados)

 

<?php$host = "localhost";$user = "root";$pass = "";$banco = "bolocenoura";mysql_connect($host,$user,$pass) or die( 'Não foi possível conectar: '.mysql_error());mysql_select_db($banco) or die ('Não foi possível selecionar o banco: '.mysql_error());?>

 

bolodecenoura.php (Página da receita com os botões para enviar/visualizar os comentários, além de ingredientes, modo de preparo e vídeo)

 

<?php include "conexao.php"; ?><!DOCTYPE html> <html lang="pt-br"><head><meta charset="iso-8859-1" /><meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Web Receitas</title> <link rel="stylesheet" href="jquery/jquery.mobile-1.3.0.min.css" /><style type="text/css"></style><script src="jquery/jquery.mobile-1.3.0.js"></script><script src="jquery/jquery.js"></script><script src="jquery/jquery.mobile-1.3.0.min.js"></script></head><body><div data-role="page"><div data-role="header" id="fundoheader" data-position="fixed"> <!-- Cabeçalho --><h1>Web Receitas</h1><p>O melhor site de receitas na palma da sua mão!</p></div><div data-role="content" id="conteudo"><!-- Conteúdo AQUI --><h3>Bolo de Cenoura de Microondas</h3><p align="center"><img src="cenoura.jpg" width="200" /></p><div data-role="collapsible-set" data-theme="b"><div data-role="collapsible" data-theme="b" ><h3>Ingredientes</h3><p><ul><li>250g Cenoura picada ou 2½ cenouras medias</li><li>2 Xícaras (chá) de farinha de trigo</li><li>1 ½ Xícara (chá) de açúcar</li><li>4 Ovos</li><li>½ Xícara de óleo</li><li>1 Colher (sopa) de fermento em pó</li><li>½ Colher (sopa) essência de baunilha</li></ul><p>Calda</p><ul><li>6 Colheres (sopa) Açúcar</li><li>6 Colheres (sopa) Chocolate em Pó</li><li>3 Colheres (sopa) Manteiga</li><li>2 Colheres (sopa) Leite</li></ul></p></div></div><div data-role="collapsible" data-theme="b" ><h3>Modo de Preparo</h3><p> 1. Corte as cenouras em pequenos pedaços e reserve.<br> 2. Em um liquidificador adicione os ovos, óleo, essência de baunilha e a cenoura, bata bem usando a tecla pulsar para triturar a cenoura bem, até que fique como uma vitamina.<br> 3. Em um recipiente coloque a cenoura triturada e junte aos poucos o açúcar e misture bem com a ajuda de um Fuê (batedor), em seguida coloque aos poucos a farinha de trigo misture com o fuê, por ultimo adicione o fermento em pó e misture até que fique uma massa uniforme e lisa.<br> 4. Despeje em uma forma untada com manteiga e enfarinhada, leve para o microondas por ? minutos em potencia alta, ou ao forno pré aquecido a 180°C por + ou  30min ou faça o teste do palito (enfie um palito no bolo se ele sair seco esta pronto se sair molhado deixe mais um tempo).<br> 5. CALDA: Em uma panela adicione todos os ingredientes e misture sem parar até levantar fervura.<br> 6. Assim que começar a ferver misture por mais uns 3 minutos e desligue.<br> 7. Faça furos com uma faca no bolo e despeje a calda.</p></div><div data-role="collapsible" data-theme="b" ><h3>Assista!</h3><p align="center"><iframe width="320" height="180" src="https://www.youtube....bed/9HcCO5l-Cv4" frameborder="0" allowfullscreen></iframe></p></div><div data-role="collapsible-set" data-collapsed="true" data-theme="b"><div data-role="collapsible" class="ui-hidden" ><h3>Envie o seu comentário</h3><p><form method="POST" action="inserir_bolodecenoura.php" data-ajax="false" ><div data-role="fieldcotain"><label for="nome" class="ui-hidden-accessible">Nome</label><input type="text" name="nome" placeholder="Nome"/></div><div data-role="fieldcotain"><label for="email" class="ui-hidden-accessible">Email</label><input type="email" name="email" placeholder="E-mail"/></div><div data-role="fieldcotain"><label for="comentario" class="ui-hidden-accessible">Comentário</label><textarea cols="40" rows="10" name="comentario" placeholder="Comentário"></textarea><input type="submit" name="envia" value="Enviar" data-theme="b" /></div></form></p></div></div> <div data-role="collapsible-set" data-collapsed="true" data-theme="b" data-ajax="true"><div data-role="collapsible" class="ui-hidden" id="comentarios" ><h3>Comentários</h3><p><?php$sql = mysql_query("SELECT * FROM bolocenoura ORDER BY id DESC");$row = mysql_num_rows($sql);if ($row > 0) {while ($linha = mysql_fetch_array($sql)){$nome = $linha['nome'];$email = $linha['email'];$comentario = $linha['comentario'];echo '<b>Nome:</b> '.$nome;echo "<br />";echo '<b>E-mail:</b> '.$email;echo "<br />";echo '<b>Comentário:</b> '.$comentario;echo "<br /><hr />";}}else {echo "Não há comentários cadastrados no momento. Seja o primeiro a comentar";}?></p></div></div></div><div data-role="footer" data-position="fixed"> <!--Rodapé --><div data-role="navbar"> <ul>            <li><a href="../index.php" data-icon="home">Home</a></li>            <li><a href="../categorias.php" data-icon="grid">Categorias</a></li>            <li><a href="../search.php" data-icon="search">Procurar</a></li> </ul> </div></div> </div> </body></html>

 

inserir_bolodecenoura.php (Insere os dados do formulário da página bolodecenoura.php)

 

<?php include "conexao.php"; ?> <?php$nome = $_POST['nome'];$email = $_POST['email'];$comentario = $_POST['comentario'];?><?php$insert = "INSERT INTO bolocenoura(nome,email,comentario) VALUES ('$nome','$email','$comentario')";$query = mysql_query($insert);echo"<center><h1>Obrigado, seu comentário foi enviado.</h1></center>";HEADER('Location: ../bolodecenoura.php');?>

 

tabela bolocenoura (Tabela da receita no banco de dados, na possui foreign key)

CREATE TABLE `bolocenoura` (`nome` VARCHAR(60) NOT NULL COLLATE 'utf8_swedish_ci',`email` VARCHAR(60) NOT NULL COLLATE 'utf8_swedish_ci',`comentario` TEXT NOT NULL COLLATE 'utf8_swedish_ci',`id` INT(11) NOT NULL AUTO_INCREMENT,PRIMARY KEY (`id`))COLLATE='utf8_swedish_ci'ENGINE=MyISAMAUTO_INCREMENT=60;_______________________________

__________________________________________________

 

 

Att,

 

Renan

 

 

Ninguém tem idéia que seja?

Compartilhar este post

Link para o post
Compartilhar em outros sites

LACRIMAL    2

LACRIMAL
Postado

Já verificou se os links estão corretos e se as classes fazem parte do jquery mobile?
Se você estiver usando pastas diferentes ou url amigaveis, voce precisa colocar o caminho desde a raiz nos links.

Exemplo:

<link rel="stylesheet" href="/jquery/jquery.mobile-1.3.0.min.css" />

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito