Pitag346 0 Denunciar post Postado Fevereiro 14, 2014 Olá amigos, meu sistema está quase completo e só estou precisando adaptar um código ! no caso tenho o seguinte codigo: Index.php <?php session_start(); if ($_SESSION['autentica']<>'foifoifoifoi'){ header('location:../aviso.php?id=1'); } switch ($_SESSION['chave']){ case 1: $grupo = "gerenciadores do sistema"; break; case 2: $grupo = "Administração"; break; case 3: $grupo = "Instrutores e/ou utilizadores comum"; break; } ?> <?php include("banco.php"); require("banco.php"); ?> <!DOCTYPE html> <html lang="en"> <head> <!-- Favicon ======================================================================== --> <link rel="icon" href="images/favicon.ico"> <!-- Meta ======================================================================== --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Title ======================================================================== --> <title>PitagorasSoluções - Painel </title> <!-- CSS Styles ======================================================================== --> <link rel="stylesheet" href="css/style.css" media="screen" /> <link rel="stylesheet" href="css/wide.css" media="screen" id="layout" /> <link rel="stylesheet" href="css/colors/color-yellow.css" media="screen" id="colors" /> <link rel="stylesheet" href="css/flexslider.css" media="screen" /> <link rel="stylesheet" href="css/fancybox.css" media="screen" /> <link rel="stylesheet" href="css/revslider.css" media="screen" /> <link rel="stylesheet" href="css/font-awesome.css" media="screen" /> <link rel="stylesheet" href="css/zocial.css" media="screen" /> <link rel="stylesheet" href="css/responsive.css" media="screen" /> <!-- JavaScript ======================================================================== --> <script src="js/jquery-1.8.2.min.js"></script> <script src="js/jquery.themepunch.plugins.min.js"></script> <script src="js/jquery.themepunch.revolution.min.js"></script> <script src="js/jquery.ui.widget.min.js"></script> <script src="js/jquery.ui.accordion.min.js"></script> <script src="js/jquery.ui.tabs.min.js"></script> <script src="js/jquery.easing-1.3.min.js"></script> <script src="js/jquery.fitvid.js"></script> <script src="js/jquery.fancybox.pack.js"></script> <script src="js/jquery.flexslider-min.js"></script> <script src="js/jquery.isotope.min.js"></script> <script src="js/jquery.imagesloaded.min.js"></script> <script src="js/jquery.infinitescroll.min.js"></script> <script src="js/jquery.jcarousel.min.js"></script> <script src="js/jquery.jtweetsanywhere-1.3.1.min.js"></script> <script src="js/jquery.touchSwipe.min.js"></script> <script src="js/jquery.validate.min.js"></script> <script src="js/jquery.zflickrfeed.min.js"></script> <script src="js/respond.min.js"></script> <script src="js/selectnav.min.js"></script> <script src="js/custom.js"></script> <!-- Styles Selector ================================================== --> <link rel="stylesheet" type="text/css" href="css/styleselector.css"> <script src="js/styleselector.js"></script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-32209063-4']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <style type="text/css"> .auto-style1 { font-size: xx-large; } .auto-style2 { font-size: 80pt; } .auto-style3 { font-size: 45pt; } .auto-style4 { background-color: #03A017; } </style> </head> <body> <!-- Body Wrapper --> <div id="body-wrapper"> <!-- Header ======================================================================== --> <div id="header" class="container"> <!-- Logo --> <a href="index.html" id="logo"><span><img src="http://pitagorassolucoes.com.br/logo1.png"></span></a> <!-- Navigation --> <ul id="navigation"> <li class="current"> <a href="index.php"><strong>Inicio</strong></a> </li> <li> <a href="downloads.php">Downloads</a> </li> <li> <a href="chat.php">Chat</a> </li> <li> <a href="dados.php">Seus Dados</a> </li> <li> <a href="sistema.html">Sistema</a> </li> <li> </ul> </li> </ul> <!-- Navigation / End --> </div> <!-- Header / End --> <!-- Slider ======================================================================== --> <div class="auto-style4"> <div class="revslider"> <ul> <li data-transition="fade" data-slotamount="7" data-masterspeed="300"> <!-- The main image in the slide --> <img src="#" style="display: none;" /> <!-- The captions of the first slide --> <div class="caption sfl big_black center" data-x="150" data-y="120" data-speed="300" data-start="0" data-easing="easeOutExpo" style="left: -101px; top: 845px; text-align: left; margin-bottom: 0;"> <span class="auto-style2"><br><br><br>Bem Vindo aluno,<br /> </span> <span class="auto-style3">ao Sistema Tagoras 1.5!</span> </div> <div class="caption sfr medium_white center" data-x="200" data-y="330" data-speed="300" data-start="1500" data-easing="easeOutExpo"> <span class="auto-style1"><br><br><br><br><br>Sistema Totalmente de uso Exclusivo de Nosso Aluno.</span> </div> </li> </ul> </div> </div> <!-- Slider / End --> <hr class="sep90"> <!-- Content ======================================================================== --> <div id="content" class="container"> <!-- Services --> <div class="service one-third"> <div class="service-icon"><img src="http://pitagorassolucoes.com.br/m/images/Icone%20-%20PI.png" a><i class=""></i></div> <div class="service-description"> <h3>Download</h3> <p>Sistema de Download, onde o professor postar arquivos, e você aluno poderá efetuar os downloads.</p> <div class="more"> </div> </div> </div> <div class="service one-third"> <div class="service-icon"><img src="http://pitagorassolucoes.com.br/m/images/Icone%20-%20PI.png" a><i class=""></i></div> <div class="service-description"> <h3>Chat</h3> <p>No nosso chat, você aluno, tem as seguintes opções: Sala de Batepapo, com TODOS OS ALUNOS ou somente com os Professores, que estivem disponiveis no momento.</p> <div class="more"> </div> </div> </div> <div class="service one-third column-last"> <div class="service-icon"><img src="http://pitagorassolucoes.com.br/m/images/Icone%20-%20PI.png" a><i class=""></i></div> <div class="service-description"> <h3>Proibido</h3> <p>É proibido informar seus dados de login para outro aluno, mesmo sendo da mesma turma. isso vai contra as politicas de privacidade do sistema, e esta sujeito a ser excluida de nosso banco de dados.</p> <div class="more"> </div> </div> </div> <!-- Services / End --> <hr class="sep90"> <!-- Logo List --> <span id="content">© Todos os direitos Reservados - <span lang="pt-br">TagorasSoluções</span> <a href="#">Termos de Uso</a> </li> <h3>Layout Style</h3> <div class="layout"> <select id="layout-selector"> <option value="css/boxed">Boxed</option> <option value="css/wide">Wide</option> </select> </span></div> <!-- Content / End --> <!-- Footer ======================================================================== --> <!-- Styles Selector ================================================== --> <div id="style-selector"> <div class="style-selector-wrapper"> </div> </body></html> E eu tenho o chat que no caso é: chat.php <?php session_start(); include_once "config.php"; require_once('classes/BD.class.php'); BD::conn(); ?> <!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=utf-8" /> <title>Bem vindo ao chat</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="js/functions.js"></script> <script type="text/javascript" src="js/chat.js"></script> </head> <body> <div id="contatos"> <span class="online" id="<?php echo $_SESSION['id_user'];?>"></span> <ul> <?php $selecionar_usuarios = BD::conn()->prepare("SELECT * FROM `usuarios` WHERE id != ?"); $selecionar_usuarios->execute(array($_SESSION['id_user'])); if($selecionar_usuarios->rowCount() == 0){ echo '<p>Desculpla, não há contatos ainda!</p>'; }else{ while($usuario = $selecionar_usuarios->fetchObject()){ ?> <li><span class="type" id="<?php echo $usuario->id;?>"></span> <a href="javascript:void(0);" nome="<?php echo $usuario->nome;?>" id="<?php echo $usuario->id;?>" class="comecar"><?php echo $usuario->nome;?></a></li> <?php }}?> </ul> </div> <div style="position:absolute; top:0; right:0;" id="retorno"><div> <div id="janelas"></div> </body> </html> eu ja tentei de tudo pra adaptar os 2! e não estou conseguindo eu queria que o chat ficasse igual do facebook, o site dentro do espaço em branco, e os usuarios online do lado ! ja esta tudo pronto, só não consigo adapta-los ! Alguem poderia me ajudar ? abraço Compartilhar este post Link para o post Compartilhar em outros sites
Lucas Guima 164 Denunciar post Postado Fevereiro 14, 2014 O que você quer dizer com "adaptá-los"? Compartilhar este post Link para o post Compartilhar em outros sites
Pitag346 0 Denunciar post Postado Fevereiro 14, 2014 O que você quer dizer com "adaptá-los"? Quero deixa-lo o chat junto a index, tipo o facebook ! exemplo: Ja tentei iframe, e não consegui ! Compartilhar este post Link para o post Compartilhar em outros sites
Jonaslhp 39 Denunciar post Postado Fevereiro 14, 2014 Você falou que quer adaptar, mas não disse qual sua dúvida e/ou dificuldade... Crie um <div> com posição absoluta, e a posicione no canto direito inferior da tela, usando JavaScript e CSS. Quando conseguir posicionar, utilize JavaScript ou jQuery mesmo para carregar seu script chat.php. Você pode fazer uma requisição ajax para carregar esse conteúdo na <div>, ou usar até mesmo a função .load() do jQuery, que vai carregar um arquivo dentro de uma div... Compartilhar este post Link para o post Compartilhar em outros sites
kikombat 16 Denunciar post Postado Fevereiro 14, 2014 Caso a saída desse seu segundo arquivo for uma pequena janela como na imagem uma sugestão seria incluir o arquivo em uma div fixa e posicioná-la com css onde quer. Compartilhar este post Link para o post Compartilhar em outros sites