We Keep Coding

Site does not load layout [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
Hello everyone I have a bug that my site does not want to load its layout, I do not know where it comes from, so I left PHP, it's CSS, if you can help me please I appreciate it, I'm a beginner in it
The error that appears is in the photo below.
Screenshot
/*!
* Style ColorTip.
* http://jquery.com - http://fwdesign.com.br
*
* Copyright 2013, Jquery.com
* Editado por: Gabriel Lopes (https://www.facebook.com/gabrielopes1);
*
* All rights reserved to this website.
*/
.colorTip {
display: none;
position: absolute;
left: 50%;
bottom: 63px;
font-family:Segoe UI;
font-size: 12px;
font-style: normal;
font-weight:normal;
text-decoration: none;
text-align: center;
text-shadow: 0 0 1px white;
white-space: nowrap;
border-radius: 4px;
margin-top: 30px;
padding:0px 5px;
z-index:9999999999;
}
.colorTipContainer {
position: relative;
text-decoration: none !important;
}
.pointyTip,.pointyTipShadow {
border:6px solid transparent;
bottom:-10px;
height:0;
left:50%;
margin-left:-6px;
position:absolute;
width:0;
}
.pointyTipShadow {
border-width:7px;
bottom:-14px;
margin-left:-7px;
}
.colorTipContainer {
position:relative;
text-decoration:none !important;
}
.yellow .pointyTip {
border-top-color:#000;
}
.yellow .pointyTipShadow {
border-top-color:#000;
}
.yellow .colorTip {
background-color:#000;
border:1px solid #000;
color:#fff;
opacity:0.9;
font-family:Segoe UI;
font-size: 12px;
padding:5px 8px;
text-shadow:#000 0px 1px;
}
.none .pointyTip {
border-top-color:rgba(0,0,0,0.0);
}
.none .pointyTipShadow {
border-top-color:rgba(0,0,0,0.0);
}
.none .colorTip {
background-color:rgba(0,0,0,0.0);
border:1px solid rgba(0,0,0,0.0);
text-shadow:rgba(0,0,0,0.0);
box-shadow: 0px 0px 5px rgba(0,0,0,0.0);
padding:0px;
}
<?php
header('Content-Type: text/html; charset=iso-8859-1');
session_start();
date_default_timezone_set('America/Sao_Paulo');
/* CONEXAO */
include('site_vibe/install/config.php');
/* INSTALAR */
include('site_vibe/install/install.php');
/* MODULOS */
$caminhoModulo = 'site_vibe/modulos/';
include('site_vibe/modulos/Functions.php');
include('site_vibe/modulos/Extras.php');
if(!class_exists('Main')) {
include('site_vibe/modulos/Main.php');
$Main = new Main();
}
if(!class_exists('Site')) {
include('site_vibe/modulos/Site.php');
$Site = new Site();
}
if(!class_exists('Vibe')) {
include('site_vibe/modulos/Vibe.php');
$Vibe = new Vibe();
}
if(!class_exists('Usuario')) {
include('site_vibe/modulos/Usuario.php');
$Usuario = new Usuario();
}
$deleteUsersOn = mysql_query(sprintf("DELETE FROM online WHERE tempo < '%u'", time()));
if(isset($_SESSION['usuario'])){
$onlines_users = mysql_query(sprintf("SELECT * FROM online WHERE usuario='%s'", $_SESSION['usuario']));
$online_users_row = mysql_num_rows($onlines_users);
}else{
$online_users_row = true;
}
$online_visit = mysql_query(sprintf("SELECT * FROM online WHERE ip='%s' AND usuario='visitante'", $_SERVER['REMOTE_ADDR']));
$online_visit_row = mysql_num_rows($online_visit);
if(!$online_visit_row){
$sql_users = mysql_query(sprintf("INSERT INTO online(ip, tempo, usuario) VALUES ('%s', '%s', '%s')", $_SERVER['REMOTE_ADDR'], strtotime('+1 minutes'), 'visitante'));
}
if(!$online_users_row){
$sql_users = mysql_query(sprintf("INSERT INTO online(tempo, usuario) VALUES ('%s', '%s')", strtotime('+1 minutes'), $_SESSION['usuario']));
}
if(Usuario::Logado()):
if(Usuario::Dados('banido') == 'sim'){
session_start();ob_start();session_unset();session_destroy();
}
endif;
$notificacao_nao_lida = db::NumRows(db::Query("SELECT * FROM notificacao WHERE recebedor='".$_SESSION['usuario']."' AND visto='nao' AND modo='1'"));
$notificacao_seguidor_nao_lida = db::NumRows(db::Query("SELECT * FROM notificacao WHERE recebedor='".$_SESSION['usuario']."' AND visto='nao' AND tipo='seguindo' AND modo='2'"));
/* PRESENCA */
$sql_presenca = db::Query("SELECT * FROM presenca WHERE ativo='s' ORDER BY id DESC");
while($ver_presenca = db::FetchArray($sql_presenca)){
$data_presenca = $ver_presenca['data'];
$id_presenca = $ver_presenca['id'];
if($data_presenca > time() - 300){
echo('');
}else{
db::Query("UPDATE presenca SET ativo='n' WHERE id='$id_presenca' ");
}
}
?>
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Vibe Habbo ~ A vibe dos seus pixels!</title>
<base href="/<?php echo $install['diretorio']; ?>">
<meta http-equiv="content-language" content="pt-br">
<meta name="author" content="Gabriel Lopes">
<meta name="reply-to" content="biellopes1#hotmail.com">
<meta name="description" content="A vibe dos seus pixels!">
<meta name="keywords" content="vibehabbo, fã-site, rádio, música, noticias, habbo, top, forúm, topico, pixel, tirinha, valores, pixel, ducket, cambios, moedas, rico, pobre, divulgue, button, player, parceiros, mobis, mobs, mobilias, raros, gabriel lopes, fwdesign, administradores, locutor, jornalista, moderador, fã-center, pagina inicial, rede socias, facebook, twitter, fw, fwdesign">
<meta name="url" content="http://vibehabbo.com.br"/>
<meta name="Robots" content="index,follow">
<meta name="language" content="pt_BR">
<link rel="shortcut icon" href="imagens/favicon.png" type="image/x-icon" />
<link rel="alternate" type="application/rss+xml" title="VibeHabbo.Com.Br - Feed RRS" href="http://vibehabbo.com.br/feed" />
<!-- Styles -->
<link type="text/css" rel="stylesheet" href="css/fwcss.css"/>
<link type="text/css" rel="stylesheet" href="css/shadowbox.css"/>
<link type="text/css" rel="stylesheet" href="css/colortips.css"/>
<!-- Jquery -->
<script type="text/javascript" src="scripts/jquery.js"</script>
<script type="text/javascript" src="scripts/jquery-nav.js"></script>
<script type="text/javascript" src="scripts/colortip.js"</script>
<script type="text/javascript" src="scripts/jquery.cycle.all.min.js"</script>
<script type="text/javascript" src="scripts/shadowbox.js"</script>
<script type="text/javascript" src="scripts/principal.js"</script>
<!-- HTML 5 -->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<style>
#modal { background:#19140D; position:fixed; left:0; right:0; top:0; bottom:0 ;z-index:99999999999999999999999999999999999999999999999;}
#modal #alerta { width:387px; position:fixed; cursor:move; }
</style>
<script>
var Site = '/<?php echo $install['diretorio']; ?>';
</script>
<body>
<div id="content_topo">
<div id="content_player_canto">
<div id="avatar-player" style="width:60px; height:65px; float:left; margin:6px 0 0 1px; background:url(imagens/avatar.png) 1px -13px; cursor:pointer;" onClick="player.atualizar('avatar');">
<div id="botao_mais_locutor_player_canto"></div>
</div>
<div id="content_botao_base_play_pause">
<div id="content_botao_play_pause"><div id="icone_pause_player"></div></div>
</div>
<div id="content_ouvintes">
<div id="total_ouvintes" class="text_total_ouvintes_player ver-ouvintes-player" style="cursor:pointer;" onClick="player.atualizar('ouvintes');">...</div>
<div id="title_ouv_player" class="text_title_ouvintes_player">ouv.</div>
</div>
<div id="content_nome_programa_locutor_player">
<div id="content_insert_nome_programa_locutor_player" class="text_nome_programa_locutor_player ver-locutor-player" style="cursor:pointer;" onClick="player.atualizar('locutor');">carregando</div>
</div>
<div id="content_nome_programa_locutor_player">
<div id="content_insert_nome_programa_locutor_player" class="text_nome_programa_locutor_player ver-programa-player" style="cursor:pointer;" onClick="player.atualizar('programa');"><marquee height="19" scrollamount="4" scrolldelay="4" direction="left">carregando</marquee></div>
</div>
<div id="botao_pedido_player">
<div id="botao_pedido_player_cima"></div>
<div id="insert_botao_text_pedido_player" class="text_botao_pedido_player">Fazer pedido</div>
</div>
</div>
<?php if(!Usuario::Logado()): ?>
<form action="javascript:;" id="form-login">
<div id="content_conta_canto_esq" style="z-index:999999999;">
<div id="content_notificacao_login">
<div id="flecha_content_notificacao"></div>
<div id="insert_notificacao_mostra_login">
<div id="titulo_content_notificacao">
<div id="content_title_notificacao_login" class="text_titulo_insert_notificacao">login</div>
<div id="botao_configuracoes_notificacao" class="text_botao_configuracao">Crie sua conta</div>
</div>
<div id="content_insert_notificacao_login">
<div id="insert_titulo_box_login" class="text_titulo_box_lados">E-mail ou nick:</div>
<input type="text" id="username-login" style="width:246px;"/>
<div id="insert_titulo_box_login" class="text_titulo_box_lados">
<div id="botao_esqueceu_senha" class="text_botao_esqueceu_senha">Esqueceu a senha?</div>
Senha:</div>
<input id="password-login"type="password" style="width:246px;"/>
</div>
</div>
<div id="botao_content_notificacao">
<div id="content_title_botao_vermais_notificacao" class="text_botao_vermais_notificacao logar-submit">fazer login</div>
</div>
</div>
<div id="insert_conta_canto_esq">
<div id="icone_conta_canto_esq"></div>
</div>
</div>
<?php else: ?>
<!-- inicia logado -->
<div id="content_logado_canto">
<div style="width:60px; height:46px; float:left; margin:3px 0 0 0; background:url(https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=gif&user=<?php echo $_SESSION['usuario']; ?>&action=std&direction=2&head_direction=2&gesture=sml&size=b) 1px -13px;">
<div id="botao_editar_dados_logado_canto">
<div id="icone_editar_dados_logado_canto"></div>
</div>
</div>
<div id="content_logado_canto_opcoes">
<!-- inicia notificacao -->
<div id="content_notificacao">
<div id="flecha_content_notificacao"></div>
<div id="insert_notificacao_mostra">
<div id="titulo_content_notificacao">
<div id="icone_insert_notificacao"></div>
<div id="content_title_notificacao" class="text_titulo_insert_notificacao">notificações</div>
<div id="botao_configuracoes_notificacao" class="text_botao_configuracao">Configurações</div>
</div>
<div style="height:383px; overflow-x:hidden; overflow-y:auto; clear:both;" id="recebe-notificacao-total">
<?php include('Notificacao.php'); ?>
</div>
</div>
<div id="botao_content_notificacao"><div id="content_title_botao_vermais_notificacao" class="text_botao_vermais_notificacao">ver todas notificações</div></div>
</div>
<!-- encerra notificacao -->
<!-- inicia notificacao seguidores -->
<div id="content_notificacao_solicitacao">
<div id="flecha_content_notificacao"></div>
<div id="insert_notificacao_mostra">
<div id="titulo_content_notificacao">
<div id="content_title_notificacao_solicitacao" class="text_titulo_insert_notificacao">seguidores</div>
<div id="botao_configuracoes_notificacao" class="text_botao_configuracao">Configurações</div>
</div>
<div style="height:383px; overflow-x:hidden; overflow-y:auto; clear:both;" id="recebe-seguidores-total">
<?php include('Seguidor.php'); ?>
</div>
</div>
<div id="botao_content_notificacao"><div id="content_title_botao_vermais_notificacao" class="text_botao_vermais_notificacao">ver todos seguidores</div></div>
</div>
<!-- encerra notificacao -->
<!-- inicia notificacao marcar presensa -->
<div id="content_notificacao_presenca">
<div id="flecha_content_notificacao"></div>
<div id="insert_notificacao_mostra_presenca">
<div id="titulo_content_notificacao">
<div id="content_title_notificacao_marcar_presenca" class="text_titulo_insert_notificacao">código de presença</div>
<div id="botao_codigos_hoje_notificacao" class="text_botao_codigos_hoje">Códigos de Hoje</div>
</div>
<div style="height:189px; overflow-x:hidden; overflow-y:auto; clear:both;">
<div id="content_insert_presenca_notificacao">
<div id="insert_title_presenca_notificacao" class="text_insert_title_presenca_notificacao">Digite o Código de presença abaixo</div>
<div id="content_input_botao_codigo_presenca">
<style>
#input_insert_codigo_presenca {width:113px; height:28px; float:left; padding:0px; margin:6px 0 0 16px; background:#D9D9D9; border:none; font-family:Segoe UI; font-size:15px; color:#333; font-weight:bold;}
#input_insert_codigo_presenca:focus, #input_insert_codigo_presenca:hover {border:0px; box-shadow:0px 0px 0px; margin:6px 0 0 16px;}
</style>
<form id="gerar-presenca" action="javascript:;">
<div id="base_input_codigo_presenca"><input id="input_insert_codigo_presenca" type="text"/></div>
<div id="botao_codigo_presenca_gerar">
<div id="insert_botao_codigo_presenca_gerar_title" class="text_insert_botao_presenca_gerar">Gerar código</div>
</div>
</form>
<!--
<div id="total_pontos_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">Você gerou 1 PONTO</div>
<div id="total_horas_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">há 22 horas</div>
<div id="total_pontos_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">Você gerou 1 PONTO</div>
<div id="total_horas_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">há 22 horas</div>
<div id="total_pontos_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">Você gerou 1 PONTO</div>
<div id="total_horas_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">há 22 horas</div>
<div id="total_pontos_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">Você gerou 1 PONTO</div>
<div id="total_horas_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">há 22 horas</div>
-->
</div>
</div>
</div>
</div>
<div id="botao_content_notificacao"><div id="content_title_botao_vermais_notificacao" class="text_botao_vermais_notificacao">ver todos códigos gerados</div></div>
</div>
<!-- encerra notificacao marcar presenca -->
<div id="icone_notificacao_logado"><div id="content_total_notificacoes" class="text_total_notificacoes total-notificao-tudo"><?php echo $notificacao_nao_lida; ?></div></div>
<div id="icone_solicitacao_logado"><div id="content_total_notificacoes" class="text_total_notificacoes total-notificao-seguidor"><?php echo $notificacao_seguidor_nao_lida; ?></div></div>
<div id="icone_creditos_logado"></div>
<div id="icone_marcar_presenca_logado"></div>
<div id="icone_configuracao_logado"></div>
<div id="icone_home_logado"></div>
<div id="icone_galeria_logado"></div>
<div id="icone_topico_logado"></div>
</div>
<div id="botao_sair_logado_canto" onClick="usuario.deslogar();">
<div id="insert_botao_sair_logado_canto" class="text_sair_logado_canto">sair</div>
</div>
</div>
<!-- encerra logado -->
<?php endif; ?>
<!-- inicia pesquisar -->
<div id="content_pesquisar_canto_esq">
<!-- caixa lado pesquisa -->
<div id="content_pesquisa_canto_esq_lado">
<div id="icone_flecha_content_pesquisa_canto_esq"></div>
<div id="content_insert_pesquisa_principal_canto_esq">
<style>
#input_pesquisar_canto_lado_esq {width:140px; height:20px; padding:0px; float:left; margin:11px 0 0 19px; background:#558EC0; border:none; font-family:Segoe UI; font-size:13px; color:#FFF; line-height:1.0em;}
#input_pesquisar_canto_lado_esq:focus, #input_pesquisar_canto_lado_esq:hover {border:0px; box-shadow:0px 0px 0px; margin:11px 0 0 19px;}</style>
<form action="javascript:;" id="pesquisar-canto">
<input id="input_pesquisar_canto_lado_esq" type="text" value="Pesquisar usuário"/>
</form>
<div id="icone_pesquisa_canto_esq_small"></div>
</div>
</div>
<!-- caixa lado pesquisa -->
<div id="insert_content_pesquisar_canto_esq">
<div id="icone_pesquisar_canto_esq"></div>
</div>
</div>
<!-- encerra pesquisar -->
<div id="insert_content_topo">
<style>
#content_paginacao_slide a {width:13px; height:13px; float:left; margin:0 7px 0 0; background:rgba(500,500,500,0.7); border-radius:100%; cursor:pointer; transition:0.3s;}
#content_paginacao_slide a.activeSlide {width:13px; height:13px; float:left; margin:0 7px 0 0; background:#FF0033; border-radius:100%; cursor:pointer;}
</style>
<div id="content_paginacao_slide" style="position:absolute; z-index:100;">
</div>
<div id="recebe-slide" style="width:552px; height:310px; float:left;">
<div id="imagem_principal_slide" style="background:url(http://imgur.com/Pyp3XCI.png);">
<div id="contagem_segundos_slide" class="text_contagem_segundos_slide" style="opacity:0.0;">Próximo slide: <b>10S</b></div>
<div id="content_info_slide">
<div id="barra_carregando_slide_normal">
<div id="barra_carregando_slide_carregado" style="width:190px;"></div>
</div>
<div id="insert_content_info_slide">
<div id="insert_text_info_slide">
<div id="insert_text_info_slide_grande" class="text_insert_info_slide_grande">Bem-vindo a versão 3!</div>
<div id="insert_text_info_slide_pequeno" class="text_insert_info_slide_pequeno">Cadastre-se em nosso site !</div>
</div>
<div id="botao_mais_info_slide">
<div id="botao_mais_info_slide_cima"></div>
<div id="insert_botao_text_info_slide" class="text_botao_mais_info_slide">Ir para o site</div>
</div>
</div>
</div>
</div>
<!-- fim slide -->
<div id="imagem_principal_slide" style="background:url(http://i.imgur.com/8pkjwwb.png);">
<div id="contagem_segundos_slide" class="text_contagem_segundos_slide" style="opacity:0.0;">Próximo slide: <b>10S</b></div>
<div id="content_info_slide">
<div id="barra_carregando_slide_normal">
<div id="barra_carregando_slide_carregado" style="width:190px;"></div>
</div>
<div id="insert_content_info_slide">
<div id="insert_text_info_slide">
<div id="insert_text_info_slide_grande" class="text_insert_info_slide_grande">Facebook da VibeHabbo!</div>
<div id="insert_text_info_slide_pequeno" class="text_insert_info_slide_pequeno">fica ligando em nosso facebook</div>
</div>
<div id="botao_mais_info_slide">
<div id="botao_mais_info_slide_cima"></div>
<div id="insert_botao_text_info_slide" class="text_botao_mais_info_slide">Ir para o site</div>
</div>
</div>
</div>
</div>
<!-- fim slide -->
</div>
<div id="logo_site_principal"></div>
<div id="content_palcos_mobilias_recentes">
<div id="palco_mobilias_recentes_1"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/1.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_2"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/9.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_3"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/8.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_4"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/2.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_5"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/3.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_6"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/6.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_9"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/7.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_7"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/5.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_8"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/4.png) no-repeat center;"></div></div>
</div>
</div>
</div>
<div id="content_base_corpo_site">
<div id="info_barra_corpo_site">
<div id="content_insert_info_barra_corpo_site">
<div id="icone_insert_info_barra_corpo_site"></div>
<div id="insert_text_info_barra_corpo_site" class="text_insert_info_barra_corpo_site">Olá <b>usuários</b>, gostariamos de saber oque acharam do nosso novo site?</div>
</div>
</div>
<div id="corpo_site">
<?php
Site::Paginas('Paginas');
?>
</div>
<div id="content_rodape">
<div id="content_text_creditos_rodape" class="text_creditos_rodape">Copyrights © 2013 - 2014 | Vibe Habbo. Todos os direitos reservados a este site da web. Este site não é de propriedade ou operado pela Sulake Corporation e não é parte do Habbo Hotel®.</div>
<div id="logo_vibe_rodape"></div>
<div id="base_logo_fw_rodape"><div id="logo_fw_rodape"></div></div>
</div>
</div>
</body>
</html>

Here's what your script header tags should look like. Notice how there is a > symbol after each src element. This denotes the closing of the tag.
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/jquery-nav.js"></script>
<script type="text/javascript" src="scripts/colortip.js"></script>
<script type="text/javascript" src="scripts/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="scripts/shadowbox.js"></script>
<script type="text/javascript" src="scripts/principal.js"></script>
It's also recommended to use _ instead of spaces in your folder name to help reduce errors. So http://habbomania.esy.es/vibe v3/index.php should be http://habbomania.esy.es/vibe_v3/index.php.

Failed to load site

<?php
require_once("core/config.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Slent">
<meta name="msvalidate.01" content="1A6F186BE63EEA129AB7C25BB82391D1">
<title><?php echo $nombre; ?> - Tus pixeles en buenas manos</title>
<link href="<?php echo $url; ?>media/css/origem.css" rel="stylesheet" type="text/css">
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<script type="text/javascript" src="<?php echo $url; ?>media/scripts/general.js"></script>
</head>
<body>
<div id="bar_blue"></div>
<div id="banner_itens">
<div id="alinha">
<div id="space_public">
</div>
<!-- <div id="login">
<form id="form_login" action="<?php echo $url; ?>index.php#" method="post">
<div id="espaco_inputs">
<input id="user_login" type="text" placeholder="Usuario" onclick="if(this.value=='Usuario') this.value=''" onblur="if(this.value=='') this.value='Usuario'">
<input id="pass_login" type="password" placeholder="Usuário">
<div class="forget">¿Olvidó su contraseña?</div>
</div>
<div id="opcoes">
<input id="logar_s" value=" " type="submit">
<div id="cadastro"></div>
</div>
</form>
</div> -->
</div>
</div>
<div id="bar_fine">
<div style="width:1000px; margin:0pt auto;">
<div id="text"><span class="last_tweet"><!-- Carregando último tweet... --></span>
<div class="back_form">
<div id="twitter_div">
<div id="twitter_update_list">
</div>
</div>
</div></div>
</div>
</div>
<div id="menu">
<div style="width:1000px; margin:0pt auto;">
<div id="seta_right" style="cursor: pointer;"></div>
<div id="text">
<div style="width:99999px; height:auto;" id="menu_cell">
<div class="item"> Inicio </div>
<div class="item"><a rel="c_tropihabbo" href="<?php echo $url; ?>index.php#"> <?php echo $nombre; ?> </a></div>
<div class="item"> Catálogo </div>
<div class="item"><a rel="c_pixelart" href="<?php echo $url; ?>equipe"> Equipe</a></div>
<div class="item"><a rel="c_habbohotel" href="<?php echo $url; ?>habbo">Habbo</a></div>
</div>
<div id="m_tropihabbo" class="submenu_item" style="margin-top:40px; margin-left:30px;">
<li>Equipo</li>
<li>Historia</li>
</div>
<div id="m_habbohotel" class="submenu_item" style="margin-top:40px; margin-left:270px;">
<li>Habbo Hotel</li>
</div>
<div id="m_fancenter" class="submenu_item" style="margin-top:40px; margin-left:58px;">
<li>Habbo Imager</li>
<li>Generador de Memes</li>
<li>Generador de Besos</li>
</div>
<div id="m_ajuda" class="submenu_item" style="margin-top:40px; margin-left:128px;">
<li><script language="JavaScript"> function abrir(URL) { var width = 623; var height = 513; var left = 99; var top = 99; window.open(URL,'janela', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=no, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no'); } </script>Contato</li>
</div>
<div id="m_opcoes" class="submenu_item" style="margin-top:40px; margin-left:200px;">
<li>Regístrate!</li>
</div>
<div id="m_pixelart" class="submenu_item" style="margin-top:40px; margin-left:-35px;">
<li>Oficina de pixel arts</li>
</div>
</div>
<div id="seta_left" style="opacity: 0.5; cursor: pointer;"></div>
</div>
</div>
<div id="bar_gray">
<div style="width:1000px; margin:0pt auto; height:121px;">
<div id="content">
<?php $lol = mysql_query("SELECT * FROM noticias LIMIT 3"); while($data = mysql_fetch_assoc($lol)){?><div id="evento">
<div id="imagem" style="background: url(<?php echo $data['imagen']; ?>) center;"></div>
<div id="titulo"><?php echo utf8_decode($data['nombre']); ?></div>
</div><?php } ?>
</div>
</div>
</div>
<div id="content_init">
<?php if($page == 'catalogo' || $page == 'panel'){?>
<style>
#item_cat {
width:222px;
height:26px;
float:left;
margin-top:1px;
background: url(<?php echo $url; ?>media/imagens/item_valores_cat.png);
}
#item_cat .titulo {
width:190px;
height:12px;
margin-top:6px;
float:left;
margin-left:3px;
font-family:Verdana;
font-size:11px;
font-weight:bold;
color:#666;
text-shadow:1px 1px #ECECEC;
text-align:left;
}
#item_cat .titulo a {
color:#666;
}
#espaco_todo {
width:681px;
height:auto;
overflow:hidden;
margin:0px auto;
}
#item_cotacao {
width:224px;
height:43px;
background: url(<?php echo $url; ?>media/imagens/item_valores.png);
float:left;
margin-right:3px; margin-top:3px;
}
#item_cotacao .imagem {
width:34px;
height:40px;
float:left;
margin-left:3px;
background-position: center;
background-repeat: no-repeat;
}
#item_cotacao .dados {
width:160px;
height:40px;
float:left;
margin-left:2px;
overflow:hidden;
}
#item_cotacao .dados .titulo {
width:160px;
height:14px;
float:left;
margin-top:3px;
font-family:Verdana;
font-size:10px;
font-weight:bold;
color:#004A5E;
text-shadow:1px 1px #FFF;
}
#item_cotacao .dados .descricao {
width:160px;
height:14px;
float:left;
font-family:Verdana;
font-size:10px;
font-weight:bold;
color:#999999;
text-shadow:1px 1px #FFF;
}
#item_cotacao .icon_up {
width:11px;
height:14px;
float:left;
margin-left:4px;
margin-top:12px;
background-repeat: no-repeat;
background: url(<?php echo $url; ?>media/imagens/icons_cotacao.png);
}
#item_cotacao .icon_down {
width:11px;
height:14px;
float:left;
margin-left:4px;
margin-top:12px;
background-repeat: no-repeat;
background: url(<?php echo $url; ?>media/imagens/icons_cotacao.png) +22px;
}
#item_cotacao .icon_stop {
width:9px;
height:10px;
float:left;
margin-left:4px;
margin-top:15px;
background-repeat: no-repeat;
background: url(<?php echo $url; ?>media/imagens/icons_cotacao.png) +10px;
}
</style>
<?php } ?>
<div id="left">
<?php if($page == 'normal' || $page == 'reglas' || $page == 'noticias'){?>
<div id="player_left">
<!-- //Cms sin nombre xD. Por MoNiKoS. !-->
<div id="items_avatar">
<div class="avatar" style="background-image: url(https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=gif&user=<?php echo $radio_locutor; ?>&action=std&direction=2&head_direction=3&gesture=sml&size=s); background-position: 0px 0px; background-repeat: initial initial;"></div>
<div id="items">
<div class="locutor">
<div class="texto"><?php echo $radio_locutor; ?></div>
</div>
<div class="programa">
<div class="texto"><?php echo $radio_programa; ?></div>
</div>
</div>
<div id="outros">
<div id="botoes">
<?php if(!isset($_SESSION['radio'])){$_SESSION['radio'] = 'play';} if($_SESSION['radio'] == 'play'){ echo '<iframe src="http://tropihabbo.es/player.php" width="0" height="0" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" style="margin: 0; padding: 0;" allowtransparency="true"></iframe><br />'; } ?>
<div class="play"></div>
<div class="pause"></div>
</div>
</div>
</div>
</div>
<div id="box">
<div id="content">
<div id="top">Catálogo</div>
<?php
$lolol = mysql_query("SELECT * FROM items_catalogo ORDER BY RAND() LIMIT 3");
while($data = mysql_fetch_assoc($lolol)){?>
<div id="item_valores_left">
<div class="imagem" style="background: url(<?php echo $data['imagen']; ?>) center no-repeat;"></div>
<div class="dados">
<div class="titulo"><?php echo utf8_decode($data['nombre']); ?></div>
<div class="descricao"><?php echo $data['precio']; ?></div>
</div>
<?php if($data['actual'] == '0'){?>
<div class="icon_down"></div>
<?php } elseif($data['actual'] == '1'){?>
<div class="icon_stop"></div>
<?php } elseif($data['actual'] == '2'){?>
<div class="icon_up"></div>
<?php } ?>
</div><?php } ?>
</div>
</div>
<div id="box">
<div id="content">
<div id="top">Habbo destacado</div>
<?php $lol2 = mysql_fetch_assoc(mysql_query("SELECT * FROM habbo_destacado LIMIT 1"));?>
<div id="users_highlights">
<div class="avatar" style="background: url(https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=gif&user=<?php echo $lol2['nombre']; ?>&action=crr=2&direction=2&head_direction=3&gesture=sml) -10px;"></div>
<div class="dados">
<div class="habbo"><?php echo $lol2['nombre']; ?></div>
<div class="descricao"><?php echo utf8_decode($lol2['cuerpo']); ?></div>
</div>
</div>
</div>
</div>
<div id="box">
<div id="content">
<div id="top">Publicidad</div></div></div><?php }elseif($page == 'catalogo'){ ?>
<div id="box">
<div id="content">
<div id="top">Categorías</div>
<div id="item_cat">
<div style="width:26px; height:26px; float:left; background: url(<?php echo $url; ?>media/upload/valores/c9bf51af242c7599d6fcedc6f2d95faa.png) center no-repeat;"></div>
<div class="titulo">Ecotron</div>
</div>
<div id="item_cat">
<div style="width:26px; height:26px; float:left; background: url(<?php echo $url; ?>media/upload/valores/4e81c31d0917d11c3f92efc91fbff3c7.png) center no-repeat;"></div>
<div class="titulo">Furni Matic</div>
</div>
<div id="item_cat">
<div style="width:26px; height:26px; float:left; background: url(<?php echo $url; ?>media/upload/valores/1c20dc66af8c60981d8875c603621d7b.png) center no-repeat;"></div>
<div class="titulo">Galería</div>
</div>
<div id="item_cat">
<div style="width:26px; height:26px; float:left; background: url(<?php echo $url; ?>media/upload/valores/3db82150e984d679e97b967ff3464a17.png) center no-repeat;"></div>
<div class="titulo">Habbo Cambio</div>
</div>
<div id="item_cat">
<div style="width:26px; height:26px; float:left; background: url(<?php echo $url; ?>media/upload/valores/531dd47769045b3264baea26f9383116.png) center no-repeat;"></div>
<div class="titulo">Mega raros</div>
</div>
<div id="item_cat">
<div style="width:26px; height:26px; float:left; background: url(<?php echo $url; ?>media/upload/valores/50d87cd92bd4403f22fb76ec7b2e2ddf.png) center no-repeat;"></div>
<div class="titulo">Raros</div>
</div>
<!-- //Cms sin nombre xD. Por MoNiKoS. !-->
<div id="item_cat">
<div style="width:26px; height:26px; float:left; background: url(<?php echo $url; ?>media/upload/valores/b8bb1bccbd823e85b7e50249c0b3609e.png) center no-repeat;"></div>
<div class="titulo">Raros del HC</div>
</div>
<div id="item_cat">
<div style="width:26px; height:26px; float:left; background: url(<?php echo $url; ?>media/upload/valores/4782311b2736911fa77adfeddc6020ac.png) center no-repeat;"></div>
<div class="titulo">Raros edición limitada</div>
</div>
<div id="item_cat">
<div style="width:26px; height:26px; float:left; background: url(<?php echo $url; ?>media/upload/valores/76f2cc0821e9260d21b93391c6645468.png) center no-repeat;"></div>
<div class="titulo">Regalos del HC</div>
</div>
</div>
</div>
<?php }elseif($page == 'panel'){ ?>
<div id="box">
<div id="content">
<div id="top">Categorías</div>
<div id="item_cat">
<div class="titulo">Administrar noticias</div>
</div>
<div id="item_cat">
<div class="titulo">Crear noticias</div>
</div>
<div id="item_cat">
<div class="titulo">Administradores</div>
</div>
<div id="item_cat">
<div class="titulo">Administrar catálogo</div>
</div>
<!-- //Cms sin nombre xD. Por MoNiKoS. !-->
<div id="item_cat">
<div class="titulo">Editar Habbo Destacado</div>
</div>
<div id="item_cat">
<div class="titulo">Desconectarse</div>
</div>
</div>
</div>
<?php } ?>
</div>
<?php if($page == 'normal'){?>
<div id="center">
<!-- <div id="fred_inicial"></div> !-->
<?php } else {?>
<div id="center">
<?php } ?>
Hello, I have a problem with my site, it does not load layout and I don't know how to solve this error :
Failed to load resource: net :: ERR_NAME_NOT_RESOLVED
I'll be leaving my site link for you to see how you are and the code
Link:http://www.habbomania.esy.es/menu.php

The error that you are getting in console/network tab is two files not being able to load, due to an incorrect URL. The URL It's trying to goto is
http://xn--link%20do%20seu%20f%20site-6gc/media/css/origem.css
Failed to load resource: net::ERR_NAME_NOT_RESOLVED
And
http://xn--link%20do%20seu%20f%20site-6gc/media/scripts/general.js
Failed to load resource: net::ERR_NAME_NOT_RESOLVED
These are being called from
<link href="<?php echo $url; ?>media/css/origem.css" rel="stylesheet" type="text/css">
And likewise with the JS file,
<script type="text/javascript" src="<?php echo $url; ?>media/scripts/general.js"></script>
Correct the $url variable to point to the correct address for these files and then you will no longer get the error.

Checkbox select JavaScript for displaying required result by backend php

This is my product page
I want to use checkbox for my product page by jquery.. So that customer can easily find their required product with this checkbox . Please do help me as i am in very early stage of jquery.
Thanks in advance
<!DOCTYPE HTML>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7 " lang="sv"><![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8 ie7" lang="sv"><![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9 ie8" lang="sv"><![endif]-->
<!--[if gt IE 8]> <html class="no-js ie9" lang="sv"><![endif]-->
<html lang="sv">
<script src="assets/js/jquery-1.11.0.min.js"></script>
<body id="rims" class="category category-14 category-falgar hide-right-column lang_sv">
<div id="page">
<div class="columns-container">
<div id="columns" class="container">
<!-- Breadcrumb -->
<div class="breadcrumb clearfix">
<a class="home" href="index.php" title="Återgå till Startsidan"><i class="icon-home"></i></a>
<span class="navigation-pipe" >></span>
<span class="navigation_page">Fälgar</span>
</div>
<!-- /Breadcrumb -->
<div id="slider_row" class="row">
<div id="top_column" class="center_column col-xs-12 col-sm-12"></div>
</div>
<div class="row">
<div id="left_column" class="column col-xs-12 col-sm-3">
<!-- Block layered navigation module -->
<div id="layered_block_left" class="block">
<p class="title_block">Sök Fälgar</p>
<div class="block_content
<form action="#" id="layered_form">
<div>
<div class="layered_filter">
<div class="layered_subtitle_heading">
<span class="layered_subtitle">Storlek</span>
</div>
<ul id="" class="col-lg-12 ">
<?php include 'php/config.php';
$sql =mysql_query("select * from size");
while($row=mysql_fetch_array($sql)){
?>
<li class="nomargin hiddable col-lg-6">
<input type="radio" class="radio" name="size" id="size<?php echo $row['size']?>" value="<?php echo $row['size']?>" />
<label for="layered_id_attribute_group_86">
<?php echo $row['size']?>
</label>
</li>
<?php
}
?>
</ul>
</div>
<div class="layered_filter">
<div class="layered_subtitle_heading">
<span class="layered_subtitle">Bredd</span>
<!--<span class="layered_close">
</span>-->
</div>
<ul id="ul_layered_id_attribute_group_4" class="col-lg-12 layered_filter_ul">
<?php include 'php/config.php';
$sql =mysql_query("select * from width");
while($row=mysql_fetch_array($sql)){
?>
<li class="nomargin hiddable col-lg-6">
<input type="radio" class="radio" name="layered_id_attribute_group_33" id="layered_id_attribute_group_33" value="33_4" />
<label for="layered_id_attribute_group_33">
<?php echo $row['width']?>
</label>
</li>
<?php
}
?>
</ul>
</div>
<div class="layered_filter">
<div class="layered_subtitle_heading">
<span class="layered_subtitle">Bultmönster</span>
<!--<span class="layered_close">
</span>-->
</div>
<ul id="ul_layered_id_attribute_group_2" class="col-lg-12 layered_filter_ul">
<?php include 'php/config.php';
$sql =mysql_query("select * from bolt");
while($row=mysql_fetch_array($sql)){
?>
<li class="nomargin hiddable col-lg-6">
<input type="radio" class="radio" name="layered_id_attribute_group_8" id="layered_id_attribute_group_8" value="8_2" />
<label for="layered_id_attribute_group_8">
<?php echo $row['bolt']?>
</label>
</li>
<?php
}
?>
</ul>
</div>
<div class="layered_filter">
<div class="layered_subtitle_heading">
<span class="layered_subtitle">ET</span>
<!--<span class="layered_close">
</span>-->
</div>
<ul id="ul_layered_id_attribute_group_6" class="col-lg-12 layered_filter_ul">
<?php include 'php/config.php';
$sql =mysql_query("select * from offset");
while($row=mysql_fetch_array($sql)){
?>
<li class="nomargin hiddable col-lg-6">
<input type="radio" class="radio" name="layered_id_attribute_group_205" id="layered_id_attribute_group_205" value="205_6" />
<label for="layered_id_attribute_group_205">
<?php echo $row['offset']?>
</label>
</li>
<?php
}
?>
</ul>
</div>
</div>
<input type="hidden" name="id_category_layered" value="14" />
</form>
</div>
<div id="layered_ajax_loader" style="display: none;">
<p>
<img src="images/loader.gif" alt="" />
<br />Laddar...
</p>
</div>
</div>
<!-- /Block layered navigation module -->
</div>
<!-- Left Panel end -->
<div id="center_column" class="center_column col-xs-9 col-sm-9" >
<h1 class="page-heading product-listing"><span class="cat-name">Fälgar </span>
</h1>
<div class="content_sortPagiBar clearfix">
<div class="sortPagiBar clearfix">
<!-- /Sort products -->
<!-- nbr product/page -->
<!-- /nbr product/page -->
</div>
<div class="top-pagination-content clearfix">
<!-- Pagination -->
<div id="pagination" class="pagination clearfix">
<form class="showall" action="" method="get">
<div>
<input type="hidden" name="id_lang" value="9" />
<input type="hidden" name="id_category" value="14" />
<input type="hidden" name="controller" value="category" />
<input name="n" id="nb_item" class="hidden" value="1098" />
</div>
</form>
</div>
<?php
$sql =mysql_query("select * from items ");
$num_rows = mysql_num_rows($sql);
?>
<div class="product-count">
Visar <?php echo $num_rows; ?> artiklar
</div>
<!-- /Pagination -->
</div>
</div>
<!-- Products list -->
<!--ul-->
<div class="product_list grid row">
<?php
while($row=mysql_fetch_array($sql)){
?>
<!--li-->
<div class="ajax_block_product col-xs-6 col-sm-6 col-md-4 first-in-line first-item-of-tablet-line first-item-of-mobile-line">
<div class="layered" itemscope itemtype="http://schema.org/Product" >
<div class="layered_filter" >
<div class="product-image-container" >
<a class="product_img_link"href="#" title="<?php echo $row['model_name']?> " itemprop="url">
<img class="replace-2x img-responsive" src="admin/itempics/<?php echo $row['itemno']?>.jpg" alt="<?php echo $row['model_name']?> " title="<?php echo $row['cname']?> " width="250" height="250" itemprop="image" />
</a>
<div class="content_price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="SEK" />
</div>
</div>
</div>
<div class="layered_filter">
<h5 itemprop="name">
<a class="product-name" href="#" title="<?php echo $row['model_name']?> " itemprop="url" >
<b><?php echo $row['model_name'], $row['cname'], $row['itemno'], $row['size'], $row['width'], $row['offset'], $row['colour']?></b>
</a>
</h5>
<p class="product-desc" itemprop="description">
<?php echo $row['model_name']?>
</p>
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="content_price">
<span itemprop="price" class="price product-price">
<?php echo $row['price']?> ,00 kr
</span>
<meta itemprop="priceCurrency" content="SEK" />
</div>
<div style="margin-bottom:10px;" class="button-container">
<a class="button ajax_add_to_cart_button btn btn-default" href="index.php?con=8" id="rims_add_cart<?php echo $row['items_id']; ?>" rel="nofollow" title="Lägg till i varukorgen" data-id-product="1338" data-value="<?php echo $row['items_id']; ?>" >
<span>Lägg till i varukorgen</span>
</a>
<a style="margin-top:5px;" itemprop="url" class="button lnk_view btn btn-default" href="index.php?con=11 & itemno=<?php echo $row['items_id']; ?>" title="View">
<span>Mer</span>
</a>
</div>
<div class="product-flags">
</div>
<script>
$("#rims_add_cart<?php echo $row['items_id']; ?>").click(function() {
var addcart = $(this).data('value');
$.ajax({
type: "GET",
url: "session_cart_items.php",
data: {addsessioncart : addcart},
//cache: false,
});
//alert($(this).data('value'));
});
</script>
</div>
<div class="functional-buttons clearfix">
</div>
</div><!-- .product-container> -->
</div><!--li end-->
<?php
}
?>
</div><!--ul end-->
</div>
</div>
</div>
</div>
</div><!-- #center_column -->
</div><!-- .row -->
</div><!-- #columns -->
</div><!-- .columns-container -->
<!-- Footer -->
</div><!-- #page -->
<script type="text/javascript" src="assets/js/jquery.ui.core.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.ui.mouse.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.ui.slider.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.ui.widget.min.js"></script>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$('input[type="checkbox"]').click(function() {
if ($('input[type="checkbox"]:checked').length > 0) {
$('.layered >div').hide();
$('input[type="checkbox"]:checked').each(function() {
$('.layered >div[data-category=' + this.id + ']').show();
});
} else {
$('.layered >div').show();
}
});
</script>
</div>
</body>
</html>
This is my code for the above.. I am using php as backend .

jQuery mobile + php post problems

Dears I've got a very strange problem with jQuery Mobile and PHP, I need do something very simple, I've a form with two inputs values (name and pass), and the form is submitted to "questions.php" but when I print the post (print_r($_POST)) this is empty, but if I erase some script of jQuery mobile, the post come with the information that I need and I don't know why it Doesn't work with the 3 scripts.
inicio.php
<?php include("header.php");?>
<?php include("conexion.php");?>
<?php
$query = "select * from usuario, categoria where usuario.id_categoria = categoria.categoria_id";
$result = $conn->query($query);
?>
<body>
<!-- Pagina Inicio (login) -->
<div data-role="page" id="home">
<div data-role="main" class="ui-content">
<div id="inicio">
<div id="logo"><img src="images/logo.png" alt="logo" width="100%" height="" /></div>
<form method="post" action="preguntas.php" data-ajax="false">
<label for="user">Selecciona tu usuario Pop Up Info</label>
<!-- Pop Up Usuario-->
<div data-role="popup" id="usuario">
Close
<p>Seleciona tu nombre e ingresa tu </p>
<p>contraseña para registrar tu puntaje</p>
</div>
<!-- FIN Pop Up Usuario-->
<select name="user" id="user">
<?php while($row = $result->fetch_assoc()){ ?>
<optgroup label="<?=$row['categoria']?>">
<option value="<?=$row['id']?>"><?=$row['nombre']?> <?=$row['apellido']?></option>
</optgroup>
<?php }?>
</select>
<br><br>
<label for="pswd">Ingresa tu contraseña</label>
<input type="password" name="passw" id="pswd" data-clear-btn="true">
<button type="submit" class="ui-btn ui-icon-home ui-btn-icon-left" id="home" data-transition="slide" value="Ingresar">Ingresar</button>
</form>
</div>
</div>
<div data-role="footer" style="text-align:center; background: transparent; border: 0;" data-position="fixed">
<div data-role="controlgroup" data-type="horizontal" style="margin:0">
Juego
Ranking
Videos
</div>
</div>
</div>
questions.php
<?php
include "conexion.php";
$id = $_POST['user'];
$query = "SELECT * FROM categoria, preguntas,usuario where usuario.id_categoria = categoria.categoria_id and categoria.categoria_id = preguntas.id_categoria and usuario.id = '$id' order by rand()";
$result = $conn->query($query);
?>
<!DOCTYPE html>
<html lang="es">
<head>
<title>Sky Icargo - El Juego</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="mobile/addtohomescreen.css">
<script src="//use.typekit.net/eev7vgf.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
<script src="mobile/addtohomescreen.js"></script>
<script>
addToHomescreen();
</script>
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="apple-touch-icon" href="images/custom_icon.png">
<meta name="apple-mobile-web-app-title" content="Sky iCargo">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
</head>
<body>
<div data-role="page" id="pagetwo">
<div data-role="header">
<div data-role="header">
Home
<h1 id="loguito"><img src="images/loguito.png" alt="logo" width="100%" height="" /></h1>
</div>
</div>
<div data-role="main" class="ui-content">
<?php while($row = $result->fetch_assoc()){ ?>
<form method="post" action="puntaje">
<div>
<?php echo $row['pregunta'];?>
<?php }?>
</div>
</form>
</div>
<div data-role="footer" style="text-align:center;">
<div data-role="controlgroup" data-type="horizontal">
Juego
Ranking
Videos
</div>
</div>
</div>
if I erase <script src="mobile/jquery.mobile-1.4.5.min.js"></script> in questions.php or another of the three works, but if I leave the three doesn't work, If someone can help me please.

Phonegap app with jquery mobile contact form not working

I was building hybrid app using jQuery mobile and Phonegap, but I am stuck with the contact form here. The code is located here:
http://jsfiddle.net/8cpdcfow/
At the jsfiddle the only difference is that send.php is given as send.php without url because it is located in the root folder. I was using code earlier like a webapp and it worked very well but I don't know why now it displays Message sent message but the message is not sent.
Here is the code hosted: http://radio-pendimi.com/mobile/v2/#dergomesazh
UPDATE 2:
Now online on the web the contact form works very well,but after I builded webapp for android using phonegap and installed on android device when I press the submit button to send the message it returns me the whole php code of the form instead of Message sent or Message failed message.
Below is screenshot:
http://i60.tinypic.com/abqya0.jpg
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width,
height=device-height, target-densitydpi=device-dpi" />
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<title>Radio Pendimi - online streaming</title>
<link rel="apple-touch-icon" href="images/AppIcon.png" />
<!-- CSS LIDHJET -->
<link rel="stylesheet" href="css/new_template.min.css" />
<link rel="stylesheet" href="css/jquery.mobile.icons.min.css" />
<link rel="stylesheet" href="css/jquery.mobile.structure-1.4.0-rc.1.min.css" />
<link rel="stylesheet" href="css/stili.css"/>
<!-- JS LIDHJET -->
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery.mobile-1.4.0-rc.1.min.js"></script>
<script src="js/myscript.js"></script>
<script type="text/javascript" src="phonegap.js"></script>
</head>
<body>
<!-- Kanali 1 - homepage -->
<div data-role="page" id="home" data-theme="b" style="background:#242426" >
<!-- Header -->
<div data-role="header" data-id="ap_header" style="background-color:#fafafc;border-top:6px solid #2f4c73">
<h1 style="color:#444;text-shadow: none;font-family: Dosis;"> Radio Pendimi 24h Live </h1>
</div>
<!-- content -->
<div data-role="none">
<img src="images/pendimi-logo-white.png" style="width: 210px; margin-right:auto; margin-left:auto;display: block;padding-top: 30px;"/>
<p style="text-align:center;text-shadow:none; color:#fff; margin:0px; padding-top:16px; padding-left: 5px; padding-right: 5px;">Jeni duke ndëgjuar: <script type="text/javascript" src="http://www.digital-webstream.de/status.php?mode=title&id=3204"></script> <br><br>
<audio src="http://server2.digital-webstream.de:35505/;$type=mp3" id="player" autoplay></audio>
<div style="text-align:center">
<span onclick="document.getElementById('player').play()" class="btn_control"> PLAY</span>
<span onclick="document.getElementById('player').pause()" class="btn_control"> STOP</span>
<span onclick="document.getElementById('player').muted=!document.getElementById('player').muted" class="btn_control"> MUTE/UNMUTE</span>
</div>
</div>
<!-- footer -->
<div data-role="footer" data-position="fixed" data-id="ap_footer">
<!-- footer navbar -->
<div data-role="navbar" style="border-bottom:6px solid #2f4c73">
<ul>
<li>Kanali 1</li>
<li>Kanali 2</li>
<li>Donacion</li>
<li>Info</li>
</ul>
</div>
</div>
</div>
<!-- End Page -->
<!-- Informacione -->
<div data-role="page" id="info" data-theme="b" style="background:#242426" >
<!-- Header -->
<div data-role="header" data-id="ap_header" style="background-color:#fafafc;border-top:6px solid #2f4c73">
<h1 style="color:#444;text-shadow: none;font-family: Dosis;"> Info </h1>
</div>
<!-- content -->
<div data-role="none">
<img src="images/pendimi-logo-white.png" style="width: 210px; margin-right:auto; margin-left:auto;display: block;padding-top: 30px;">
<p align="center">
info#radio-pendimi.com <br>
http://radio-pendimi.com <br>
<span style="text-decoration: none; text-shadow:none; color: #fff; font-weight: 500; font-size: 15px; font-family: Dosis;">Programuar & Dizajnuar nga Afrim Azizi</span> <br>
<img src="images/find-us-on-facebook.png" style="width: 170px; padding: 5px;"/>
</p>
</div>
<!-- footer -->
<div data-role="footer" data-position="fixed" data-id="ap_footer">
<!-- footer navbar -->
<div data-role="navbar" style="border-bottom:6px solid #2f4c73">
<ul>
<li>Kanali 1</li>
<li>Kanali 2</li>
<li>Donacion</li>
<li>Info</li>
</ul>
</div>
</div>
</div>
<!-- End Page -->
<!-- Kanali 2 -->
<div data-role="page" id="kanali-2" data-theme="b" style="background:#242426" >
<!-- Header -->
<div data-role="header" data-id="ap_header" style="background-color:#fafafc;border-top:6px solid #2f4c73">
<h1 style="color:#444;text-shadow: none;font-family: Dosis;"> Kanali - 2 </h1>
</div>
<!-- content -->
<div data-role="none">
<img src="images/pendimi-logo-white.png" style="width: 210px; margin-right:auto; margin-left:auto;display: block;padding-top: 30px;"/>
<p style="text-align:center;text-shadow:none; color:#fff; margin:0px; padding-top:16px; padding-left: 5px;padding-right: 5px;">Jeni duke ndëgjuar: <script type="text/javascript" src="http://www.digital-webstream.de/status.php?mode=title&id=7399"></script> <br><br>
<audio src="http://server6.digital-webstream.de:8400/;$type=mp3" id="player-2"></audio>
<div style="text-align:center">
<span onclick="document.getElementById('player-2').play()" class="btn_control"> PLAY</span>
<span onclick="document.getElementById('player-2').pause()" class="btn_control"> STOP</span>
<span onclick="document.getElementById('player-2').muted=!document.getElementById('player-2').muted" class="btn_control"> MUTE/UNMUTE</span>
</div>
</div>
<!-- footer -->
<div data-role="footer" data-position="fixed" data-id="ap_footer">
<!-- footer navbar -->
<div data-role="navbar" style="border-bottom:6px solid #2f4c73">
<ul>
<li>Kanali 1</li>
<li>Kanali 2</li>
<li>Donacion</li>
<li>Info</li>
</ul>
</div>
</div>
</div>
<!-- End Page -->
<!-- Donacione - Kontribo edhe ti -->
<div data-role="page" id="donacion" data-theme="b" style="background:#242426" >
<!-- Header -->
<div data-role="header" data-id="ap_header" style="background-color:#fafafc;border-top:6px solid #2f4c73">
<h1 style="color:#444;text-shadow: none;font-family: Dosis;"> Info </h1>
</div>
<!-- content -->
<div data-role="none">
<p style="text-align:center; text-shadow:none; color:#fff;">
Vëllezër dhe motra,
Kjo Radio çdo ditë bëhet shkak për udhëzimin e dikujt dhe kthimin e tij në rrugën e xhenetit, mirëpo ajo nuk mund ta çojë mesazhin e saj në vend pa përkrahje financiare. Nëse ju jepni kontributin tuaj do të keni hise në sevapet që fitohen nga kjo punë. Pejgamberi, alejhi salatu ue selam, ka thënë: “Sadakaja e shuan zemërimin e Allahut ashtu sikur uji e shuan zjarrin” (Sahihu Tergib nr. 983).
Ju bëjmë thirrje që ta përkrahni këtë projekt madhështor, për mirësinë e të cilit jemi dëshmitarë të gjithë ne.
Keto jan pikat kryesore :<br>
– Mirëmbajtjen dhe rritjen e kapacitetit të serverëve.<br>
– Mirëmbajtjen materiale të studiove që kemi në disa vende, sidomos studion numër 2 – Prizren, e cila ka një orar më të zgjeruar dhe më të pasur,<br>
– Mirëmbajtjen e ueb-faqes dhe serverit të veçantë që ka ajo,<br>
– Marketingun e Radio Pendimit në përgjithësi (fllajera, pllakata, reklama nëpër medie, etj.).<br>
Allahu ju shpërbleftë!
<p style="text-align:center; text-shadow:none; color:#fff;">Mund të kontribuoni nëpërmjet llogarisë bankare:<br>
Emri: Radio Pendimi<br>
Emri i bankës: Volksbank Linz <br>
IBAN: AT744480042614830000<br>
Bic Swift Code: VBWEAT2WXXX
</p>
<br>
<!-- PayPal Form start -->
<div style="text-align:center">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"><input name="cmd" type="hidden" value="_s-xclick"> <input name="hosted_button_id" type="hidden" value="GRGWN8J9JDM6U"> <input alt="Jetzt einfach, schnell und sicher online bezahlen – mit PayPal." name="submit" src="https://www.paypalobjects.com/de_DE/AT/i/btn/btn_donateCC_LG.gif" type="image"> <img src="https://www.paypalobjects.com/de_DE/i/scr/pixel.gif" alt="" width="1" height="1" border="0"></form>
</div> <!-- PayPal form end -->
</p>
</div>
<!-- footer -->
<div data-role="footer" data-position="fixed" data-id="ap_footer">
<!-- footer navbar -->
<div data-role="navbar" style="border-bottom:6px solid #2f4c73">
<ul>
<li>Kanali 1</li>
<li>Kanali 2</li>
<li>Donacion</li>
<li>Info</li>
</ul>
</div>
</div>
</div>
<!-- End Page -->
<!-- Dergo Mesazh -->
<div data-role="page" id="dergomesazh" data-theme="b">
<!-- Header -->
<div data-role="header" data-position="fixed" style="background-color:#fafafc;border-top:6px solid #2f4c73">
<h1 style="color:#444;text-shadow:none">Dërgo Mesazh</h1>
</div>
<!-- content -->
<div data-role="content">
<form class="form" id="callAjaxForm">
<p class="name">
<input name="emri" type="text" class="validate[required,custom[onlyLetter],length[0,100]] feedback-input" placeholder="Emri" id="name" data-role="none" />
</p>
<p class="text">
<textarea name="comment" class="validate[required,length[6,30]] feedback-input" id="comment" placeholder="Mesazhi" data-role="none" ></textarea>
</p>
<div class="submit">
<button id="submit" type="submit" >DËRGO</button>
<button id="reset" type="reset" >PASTRO FUSHAT</button>
</div>
<h3 id="notification" align="center" style="font-color:green;"></h3>
</form>
</div>
<!-- footer -->
</div>
<!-- End Page -->
</body>
</html>
myscript.js
//DergoMesazh
function onSuccess(data, status)
{
data = $.trim(data);
$("#notification").text(data);
}
function onError(data, status)
{
// handle an error
}
$(document).ready(function() {
$("#submit").click(function(){
var formData = $("#callAjaxForm").serialize();
$.ajax({
type: "POST",
url: "send.php",
cache: false,
data: formData,
success: onSuccess,
error: onError
});
return false;
});
$("#reset").click(function() {
$('#callAjaxForm').trigger("reset");
$('#notification').text("");
});
});
Send.php code:
<?php
header('Access-Control-Allow-Origin: *');
$emri=$_POST['emri'];
$mesazhi=$_POST['comment'];
$IPAdresa = $_SERVER["REMOTE_ADDR"];
$browser="";
if(strpos(strtolower($_SERVER["HTTP_USER_AGENT"]),strtolower("MSIE"))){$browser="ie";}
else if(strpos(strtolower($_SERVER["HTTP_USER_AGENT"]),strtolower("Presto"))){$browser="opera";}
else if(strpos(strtolower($_SERVER["HTTP_USER_AGENT"]),strtolower("CHROME"))){$browser="chrome";}
else if(strpos(strtolower($_SERVER["HTTP_USER_AGENT"]),strtolower("SAFARI"))){$browser="safari";}
else if(strpos(strtolower($_SERVER["HTTP_USER_AGENT"]),strtolower("FIREFOX"))){$browser="firefox";}
else {$browser="other";}
$to = "afrim.a#msn.com";
$subject = "Rubrika DergoMesazh (mobile app)";
$message = " Emri: " . $emri . "\r\n Mesazhi: " . $mesazhi. "\r\n IP Adresa: " . $IPAdresa. "\r\n Browser: " . $browser;
$from = "radio-v2#test.com";
$headers = "From:" . $from . "\r\n";
$headers .= "Content-type: text/plain; charset=UTF-8" . "\r\n";
if(#mail($to,$subject,$message,$headers))
{
echo "Mesazhi juaj u dërgua me sukses";
}else{
echo "Gabim! Ju lutemi provoni përsëri.";
}
?>

Try using the above code in Phonegap using input type=button instead of input type=submit.
Also, double check if the required assets for Phonegap [Cordova.js,jquery and other JS] are loaded properly.
Also it would help, if you can post the entire code as it is bundled in Phonegap

Ok now I fixed the problem and I wanted to share the solution for others who have this issue.
The myscript.js from where is made ajax call to the PHP file (send.php),instead of declaring local php file you need to declare the url of the php file because while building the app with phonegap/cordova it doesn't execute the php file. Also you need to enable crossDomain:true,
Below is the fully functional code in jsfiddle:
http://jsfiddle.net/8cpdcfow/1/
Here is the send.php code:
<?php
header('Access-Control-Allow-Origin: *');
$emri=$_POST['emri'];
$mesazhi=$_POST['comment'];
$IPAdresa = $_SERVER["REMOTE_ADDR"];
$browser="";
if(strpos(strtolower($_SERVER["HTTP_USER_AGENT"]),strtolower("MSIE"))){$browser="ie";}
else if(strpos(strtolower($_SERVER["HTTP_USER_AGENT"]),strtolower("Presto"))){$browser="opera";}
else if(strpos(strtolower($_SERVER["HTTP_USER_AGENT"]),strtolower("CHROME"))){$browser="chrome";}
else if(strpos(strtolower($_SERVER["HTTP_USER_AGENT"]),strtolower("SAFARI"))){$browser="safari";}
else if(strpos(strtolower($_SERVER["HTTP_USER_AGENT"]),strtolower("FIREFOX"))){$browser="firefox";}
else {$browser="other";}
$to = "your-email#hotmail.com";
$subject = "Rubrika DergoMesazh (mobile app)";
$message = " Name: " . $emri . "\r\n Message: " . $mesazhi. "\r\n IP Adresa: " . $IPAdresa. "\r\n Browser: " . $browser;
//Maybe you need to add $from email into whitelist at your inbox because the messages may be classified to the junk/spam folder
$from = "no-reply#domain.com";
$headers = "From:" . $from . "\r\n";
$headers .= "Content-type: text/plain; charset=UTF-8" . "\r\n";
if ($emri == "" || $mesazhi == ""){
echo "Empty strings,the form is not filled";
} else {
if(#mail($to,$subject,$message,$headers))
{
echo "Message Sent successfully";
}else{
echo "Message Failed to sent.Try again";
}
}
?>