Basicamente para iniciar o jQuery, basta importar o arquivo para o seu código HTML:
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
O arquivo você faz o download na página oficial.
Após isto, você precisa de um arquivo JS para os seus comandos:
$(document).ready(function() {
});
Dentro dele inicia seus comandos.
Agora, para continuar te ajudando, preciso entender o que você realmente quer fazer pois até agora não entendi.
[]'s
Vou escrever passo-a-passo oq fiz e oq quero:
Eu tenho as seguintes páginas: ata.php, ataexterno.php, pci.php, pciexterno.php, logar.php, loga.php e o menu_lateral.php, os códigos das mesmas segue abaixo:
menu_latera.php
<ul id=sub> <li><A href="#" onclick="abrirPag('equipe.php');"> <DIV align=right><SPAN class=style1>Equipe</SPAN></DIV> </A> <li><A href="#" onclick="abrirPag('publica.php');"> <DIV align=right><SPAN class=style1>Publica</SPAN></DIV> </A> <LI><A href="#" onclick="abrirPag('relatorio.php');"> <DIV align=right><SPAN class=style1>Relatório</SPAN></DIV> </A> <LI><A href="index.php?page=ata/ata"> <DIV align=right><SPAN class=style1>Ata</SPAN></DIV> </A> <LI><A href="index.php?page=pci/pci"> <DIV align=right><SPAN class=style1>Exemplo PCI </SPAN></DIV> </A> <LI><A href="#" onclick="abrirPag('contato.php');"> <DIV align=right><SPAN class=style1>Contato</SPAN></DIV> </A> </UL>
ata.php
logar.php
loga.php
<?session_start();?><?php include "conexao.php"; $pagina_restrita = "area_restrita/index.php"; if(@$_POST['submit']) { if($_POST['login'] && $_POST['senha']) { $login = $_POST['login']; $senha = $_POST['senha']; $query = mysql_query("SELECT * FROM tbl_user WHERE login='$login' AND senha='$senha'") or die(mysql_error()); $rTestar = mysql_num_rows($query); $row = mysql_fetch_assoc($query); if($rTestar > 0) { //session_start(); $_SESSION['login'] = $row['login']; $_SESSION['senha'] = $row['senha']; $_SESSION['email'] = $row['email']; header("Location: ". $pagina_restrita); exit; } } } if(@$_POST['enviar']) { if($_POST['log_externo'] && $_POST['senha_externo']) { $login = $_POST['log_externo']; $senha = $_POST['senha_externo']; $query = mysql_query("SELECT * FROM tbl_userexterno WHERE log_externo='$login' AND senha_externo='$senha'") or die(mysql_error()); $rTestar = mysql_num_rows($query); $row = mysql_fetch_assoc($query); if($rTestar > 0) { @session_start(); $_SESSION['log_externo'] = $row['log_externo']; $_SESSION['senha_externo'] = $row['senha_externo']; if($_GET['page']=="ata/ata.php"){ $redirecionar = "ata/ata.php"; echo "<meta http-equiv=\"refresh\" content=\"0; URL=" . $redirecionar . "\">"; exit; } if($_GET['page']=="pci/bpci"){ $red = "index.php?page=pci/pciexterno"; echo "<meta http-equiv=\"refresh\" content=\"0; URL=" . $red . "\">"; exit; } } } } mysql_close($con); ?>
EXPLICANDO:
No menu_latera.php tenho dois links o "Ata" e o "Exemplo PCI" que segue pedaço do código abaixo....: quando clico por exemplo em "Ata" ele me redireciona para ata.php onde nessa página verifico de a pessoa esta em rede interna ou externa....se tiver em rede interna redireciona para ataexterno.php (essa página eu não coloquei o código pq é só html).....se a pessoa estiver em rede externa redireciona para logar.php. Em logar.php a pessoa entra com o login e senha caso a senha esteja correta vai para a página loga.php. Nessa página loga.php tenho uma condição if que pegar um valor chamado "page" esse valor vem do menu_lateral.... segue o pedaço desse trecho da comparação if:
trecho menu_lateral.php
<LI><A href="index.php?page=ata/ata"> <DIV align=right><SPAN class=style1>Ata</SPAN></DIV> </A> <LI><A href="index.php?page=pci/pci"> <DIV align=right><SPAN class=style1>Exemplo PCI </SPAN></DIV> </A>
trecho if
if($_GET['page']=="atas/atas.php"){ $redirecionar = "atas/atas.php"; echo "<meta http-equiv=\"refresh\" content=\"0; URL=" . $redirecionar . "\">"; exit; } if($_GET['page']=="pci/bpci"){ $red = "index.php?page=pci/bpciexterno"; echo "<meta http-equiv=\"refresh\" content=\"0; URL=" . $red . "\">"; exit;
Só que eu mudei a forma com que estou passando os dados no menu_lateral.php......estou usando ajax......e no menu lateral estou passando via onclick da forma q segue abaixo:
<li><a href="#" onclick="abrirPag('ata/ata.php');"> <div align=right><span class=style1>Ata</span></div> </a> <li><a href="#" onclick="abrirPag('pci/pci.php');"> <div align=right><span class=style1>Exemplo PCI </span></div> </a>
Quero fazer essa mesma condição só que pegando o valor do onclick agora......pois esse page não existe mais entendeu?
Segue abaixo o meu código JS:
instruçao.js
// JavaScript Documentfunction abrirPag(valor){ var url = valor; xmlRequest.open("GET",url,true); xmlRequest.onreadystatechange = mudancaEstado; xmlRequest.send(null); if (xmlRequest.readyState == 1) { document.getElementById("conteudo").innerHTML = "<img src='loading.gif'>"; } return url; }function mudancaEstado(){ if (xmlRequest.readyState == 4){ document.getElementById("conteudo").innerHTML = xmlRequest.responseText; }}
ajax.js
// JavaScript Documentfunction GetXMLHttp() { var xmlHttp; try { xmlHttp = new XMLHttpRequest(); } catch(ee) { try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { try { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) { xmlHttp = false; } } } return xmlHttp;}var xmlRequest = GetXMLHttp();
Entendeu?
Basicamente para iniciar o jQuery, basta importar o arquivo para o seu código HTML:
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
O arquivo você faz o download na página oficial.
Após isto, você precisa de um arquivo JS para os seus comandos:
$(document).ready(function() {
});
Dentro dele inicia seus comandos.
Agora, para continuar te ajudando, preciso entender o que você realmente quer fazer pois até agora não entendi.
[]'s
Vou escrever passo-a-passo oq fiz e oq quero:
Eu tenho as seguintes páginas: ata.php, ataexterno.php, pci.php, pciexterno.php, logar.php, loga.php e o menu_lateral.php, os códigos das mesmas segue abaixo:
menu_latera.php
<ul id=sub> <li><A href="#" onclick="abrirPag('equipe.php');"> <DIV align=right><SPAN class=style1>Equipe</SPAN></DIV> </A> <li><A href="#" onclick="abrirPag('publica.php');"> <DIV align=right><SPAN class=style1>Publica</SPAN></DIV> </A> <LI><A href="#" onclick="abrirPag('relatorio.php');"> <DIV align=right><SPAN class=style1>Relatório</SPAN></DIV> </A> <LI><A href="index.php?page=ata/ata"> <DIV align=right><SPAN class=style1>Ata</SPAN></DIV> </A> <LI><A href="index.php?page=pci/pci"> <DIV align=right><SPAN class=style1>Exemplo PCI </SPAN></DIV> </A> <LI><A href="#" onclick="abrirPag('contato.php');"> <DIV align=right><SPAN class=style1>Contato</SPAN></DIV> </A> </UL>
ata.php
logar.php
loga.php
<? session_start(); ?> <?php include "conexao.php"; $pagina_restrita = "area_restrita/index.php"; if(@$_POST['submit']) { if($_POST['login'] && $_POST['senha']) { $login = $_POST['login']; $senha = $_POST['senha']; $query = mysql_query("SELECT * FROM tbl_user WHERE login='$login' AND senha='$senha'") or die(mysql_error()); $rTestar = mysql_num_rows($query); $row = mysql_fetch_assoc($query); if($rTestar > 0) { //session_start(); $_SESSION['login'] = $row['login']; $_SESSION['senha'] = $row['senha']; $_SESSION['email'] = $row['email']; header("Location: ". $pagina_restrita); exit; } } } if(@$_POST['enviar']) { if($_POST['log_externo'] && $_POST['senha_externo']) { $login = $_POST['log_externo']; $senha = $_POST['senha_externo']; $query = mysql_query("SELECT * FROM tbl_userexterno WHERE log_externo='$login' AND senha_externo='$senha'") or die(mysql_error()); $rTestar = mysql_num_rows($query); $row = mysql_fetch_assoc($query); if($rTestar > 0) { @session_start(); $_SESSION['log_externo'] = $row['log_externo']; $_SESSION['senha_externo'] = $row['senha_externo']; if($_GET['page']=="ata/ata.php"){ $redirecionar = "ata/ata.php"; echo "<meta http-equiv=\"refresh\" content=\"0; URL=" . $redirecionar . "\">"; exit; } if($_GET['page']=="pci/bpci"){ $red = "index.php?page=pci/pciexterno"; echo "<meta http-equiv=\"refresh\" content=\"0; URL=" . $red . "\">"; exit; } } } } mysql_close($con); ?>
EXPLICANDO:
No menu_latera.php tenho dois links o "Ata" e o "Exemplo PCI" que segue pedaço do código abaixo....: quando clico por exemplo em "Ata" ele me redireciona para ata.php onde nessa página verifico de a pessoa esta em rede interna ou externa....se tiver em rede interna redireciona para ataexterno.php (essa página eu não coloquei o código pq é só html).....se a pessoa estiver em rede externa redireciona para logar.php. Em logar.php a pessoa entra com o login e senha caso a senha esteja correta vai para a página loga.php. Nessa página loga.php tenho uma condição if que pegar um valor chamado "page" esse valor vem do menu_lateral.... segue o pedaço desse trecho da comparação if:
trecho menu_lateral.php
<LI><A href="index.php?page=ata/ata"> <DIV align=right><SPAN class=style1>Ata</SPAN></DIV> </A> <LI><A href="index.php?page=pci/pci"> <DIV align=right><SPAN class=style1>Exemplo PCI </SPAN></DIV> </A>
trecho if
if($_GET['page']=="atas/atas.php"){ $redirecionar = "atas/atas.php"; echo "<meta http-equiv=\"refresh\" content=\"0; URL=" . $redirecionar . "\">"; exit; } if($_GET['page']=="pci/bpci"){ $red = "index.php?page=pci/bpciexterno"; echo "<meta http-equiv=\"refresh\" content=\"0; URL=" . $red . "\">"; exit;
Só que eu mudei a forma com que estou passando os dados no menu_lateral.php......estou usando ajax......e no menu lateral estou passando via onclick da forma q segue abaixo:
<li><a href="#" onclick="abrirPag('ata/ata.php');"> <div align=right><span class=style1>Ata</span></div> </a> <li><a href="#" onclick="abrirPag('pci/pci.php');"> <div align=right><span class=style1>Exemplo PCI </span></div> </a>
Quero fazer essa mesma condição só que pegando o valor do onclick agora......pois esse page não existe mais entendeu?
Segue abaixo o meu código JS:
instruçao.js
// Javascript Document function abrirPag(valor){ var url = valor; xmlRequest.open("GET",url,true); xmlRequest.onreadystatechange = mudancaEstado; xmlRequest.send(null); if (xmlRequest.readyState == 1) { document.getElementById("conteudo").innerHTML = "<img src='loading.gif'>"; } return url; } function mudancaEstado(){ if (xmlRequest.readyState == 4){ document.getElementById("conteudo").innerHTML = xmlRequest.responseText; } }
ajax.js
// Javascript Document function GetXMLHttp() { var xmlHttp; try { xmlHttp = new XMLHttpRequest(); } catch(ee) { try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { try { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) { xmlHttp = false; } } } return xmlHttp; } var xmlRequest = GetXMLHttp();
Entendeu?
Alguém pode me ajudar.....?