@Julio, @Samuel, eu acabei de postar o o código usado, tá na descrição da página.

@Samuel, estou usando no NotePad++ para video aula para focar o código, tento dá o zoom o máximo q posso pra o código seja o principal. Mas vc tá dizendo fazer as página com CSS, seria isso?

@Flavio, tente colocar assim:
$(“#conteudo”).load(pagina).hide().fadeIn(‘slow’);

E sobre colocar em formulário, vc pode enviar se atualizar a página, existe o metodo $.post (eu falo sobre ele na video aula de combo dinamico), é a mesma coisa para com formulários.

@Rangel, para saber a posição da video aula, vc quer fazer no total, ou apenas para visualização inicial. Exemplo, se a mostra 5 posts na tela, vc enumerá-los, se for isso, vc pode fazer assim:

$i = 1;
while($linha = mysql_fetch_assoc($query)){
echo 'Titulo' : $linha['titulo']. "($i) ";
$i++;
}

Vlw pelo apoio e incentivo q todos tem me dado.

@Lú Santa Rita, eu não ensinei a fazer o corpo do site, e sim esse modelo já usado por outras video aulas, como na query string, mas depois eu disponibilizo o html e o css para quem quiser dá um olhada. Mas tem outras video aula ensinando a desenvolver o layout com (x)html e css no VAB

@Julio, o link do script criado está na descrição da video aula, é só conferir.

@WLADIMIR, ainda não testei, vou se dá pra fazer, e qualquer coisa eu posto aqui.

@Sergio Araujo, a gente do VAB , temos essa preocupação de não faltar conteudo. O VAB tem a filosofia de conteudo colaborativo, para que todos façam parte desse projeto. As vezes tem video aula que a gente não libera, por preocupar sempre em passar material de qualidade (não que algumas video aulas enviadas, mas não liberadas, não tem qualidade, mas é conteudo repetido, ou as vezes um conteudo q achamos q não é “legal”, ou mesmo palavrões em video aulas, sabemos q temos um público muito grande de todas as faixas etarias, ai fica complicado mesmo publicar), as vezes tem video aulas q alguns não gostam, mas pensamos sempre em todos. Sei q alguns não mandam pq tem medo de criticas e assim ficam desanimado. Se alguém quer fazer a video aula, mas não sabe se o conteudo será interessante, pode entrar em contato comigo pelo e-mail da descrição da video aula, q tentarei ajudar com maior prazer.
Agradecemos realmente o apoio , e a compreensão de todos q comentam e divulga VAB.

@Julio, é simples, crie uma pasta chamada arquivos, nela crie alguns arquivos, como home.php, servicos.php, contato.php. Nelas coloque apenas texto, pra vc ver com funciona. Na página index.php (não precisa fazer php, apenas coloquei para mostrar o sleep pra pode aparecer o gi animado), crie um menu, nem precisa de css, é apenas pra vc ver como vai funcionar, e uma div com id conteudo, q será inserido conteudo dinamicamnte:

[ul id="menu"]
[li][a href="home.php"]Inicio[/a][/li]
[li][a href="servicos.php"]Serviços[/a][/li]
[li][a href="contato.php"]Contato[/a][/li]
[/ul]

[div id="conteudo"][/div]


Apenas coloquei os colchetes em vez do sinal maior ou menos para não ser interpretado pelo wordpress

Agora vc pode testá-lo com funciona. Mas o importante é vc ver como é feito o script, e tentar entendê-lo

@Tutorial City, interessante mesmo. Eu não entendo nada de edição de video, mas valeu pela dica, então tenho q escolhe o formato MOV (quick time movie). É esse mesmo, ou falei besteira? rs. Se for, vc usa outra configuração ou deixa o default?

@Thiago, se vc tive testando localmente, isso vai ocorre pq o carregamento é muito rápido, por isso q vc não consegue visualizar a imagem do gif carregando.

@ Thiago, basta tirar a imagem dentro da div conteudo, para centralizar essa imagem no centro da página, vc pode fazer assim:

img#carregando{
position:absolute;
width:20px;
height:20px;
top:50%;
left:50%;
margin-top:-10px;
margin-left:-10px;
}

Tem q definir uma largura e altura para esses elementos, definir com position absolute, e top e left serão 50%, e margin-top e margin-left será a metade da altura e da largura, sendo com o valor negativo

@Thiago, vlw.

@Anderson Coimbra, vc vai ter q fazer algumas mudanças, primeiro vc vai ter q retirar a imagem dentro do conteudo, depois vc pode fazer assim:

$(“#carregando”).ajaxStart(function(){
$(this).show()
$(“#conteudo”).html(” “);
})

Assim quando começar o processo do ajax, ele limpa o conteudo, mas lembrando tem q remover a imagem da div conteudo, senão irá apaga-la tbm.

@Bonato, se tá tendo o efeito contrário, vc tem q o procedimentos q vc tá usando. A primeira linha do código, serve para ocultar a imagem:

$("#carregando").hide();

Nessa parte abaixo, é verificada se está tendo alguma requisação em ajax, se tiver ele vai aparecer a imagem
$("#carregando").ajaxStart(function(){
$(this).show()
})

com o ajaxStop, vai verificar se a requisição foi terminada, se tiver sido terminada, ele oculta a imagem novamente
$("#carregando").ajaxStop(function(){
$(this).hide();
})

Aconselho dá uma olhada no tópico no forum do MX, pra verificar algumas duvidas, algumas pessoas tiveram algumas duvidas e eu coloquei a resposta, é interessante vc dá uma olhada:

http://www.mxmasters.com.br/comunidade/viewtopic.php?f=54&t=2367&start=0

@Paulo, para que o link não funcione, vc tem q dá um return false, exemplo:

$(“a”).click(function(){
return false;
})

Isso eu tô dizendo q todos os links ao serem clicados não serão enviados para outra página. Caso vc queira apenas alguns link, basta colocar classes neles, e colocar no jquery, exemplo:

$(“a.marcado”).click(function(){
return false;
})

@Anderson, tente colocar o header na primeira linha da sua página.

header('Content-type: text/html; charset=utf-8')

@Junior, vc pode remover elementos html com jquery usando o remove().

$('p').remove();

remove os elementos p dá página

@Junior, vc pode sim, veja vídeo aula sobre combobox dinamico, é o mesmo principio, vc terá q enviar o valor do id para uma outra página, e isso sendo enviado pelo jquery e na outra página fazer o processo de apagar.

@Elivelton, sobre o estilo não carregar, vc tem q colocá-lo onde irá chamar os arquivos. Exemplo, se vc tem uma página formulario.php, onde vc chama os formularios de pessoa juridica e fisica, então vc tem q coloca a estilização no formulario.php. Mas qualquer coisa, se vc tiver como publicar essa página , só pra ver o q tá ocorrendo, talvez fique mais fácil.

@Elivelton, então nunca tive esse problema de não aparecer as opções. Sobre os caracteres vc pode usar um comando do php, se estiver usando o php , para forçar o charset, q nesse caso vc poode colocar o utf

header("Content-type:text/html; charset=utf-8", true);

Caso esteja usado uft-8, salve seu arquivo coo utf-8. Não sei qual o programa q vc usa para editar, atualmente estou usando PSPad (para windows), e recomendo, é muito bom e facil de usar. Melhor mesmo q notepad++, por ter mais funcionalidades. Nele vc pode salvar em UTF-8. E outra coisa, o PSPad vc pode colocar em ele em português. NO PSPAD, a opção em em formatar, e escolher a opção UTF-8, e depois é só salvar q vc pode usar os acentos normais.

E fiz um teste com formulário, e não apresentou nenhum “deformidade”, ficou normal.

@Elivelton, como tá executando algum javascript dentro do arquivo incluido, pode ser q não funcione mesmo, mas existe um plugin do jquery, q é o Livequery q pode ajudar nisso, eu postei no forum do Mxmasters como colocar nesse script q da video aula:

http://www.mxmasters.com.br/comunidade/viewtopic.php?f=54&t=2367#p11151

Sobre as duvidas, não tem problema, pode perguntar a vontade, seu eu souber responder, faço sem problema algum.

@Elivelton, vc pode fazer isso com jquery mesmo, exemplo, vc colocar os dois campos q ficarão ocultos, e algo clicar em um link ele aparecer ou desaparecer:

$(“#fisica”).click(function(){
$(“#nome_do_campo_com_inputs”).fadeUp();
})

$(“#juridica”).click(function(){
$(“#nome_do_campo_com_inputs”).fadeDown();
})

HTML

[input type="radio" name="pessoa" value="fisica" id="fisica"/]

[input type="radio" name="pessoa" value="juridica" id="juridica" /]

[div id="nome_do_campo_com_inputs"]
os inputs a mais
[/div]

E no CSS, vc pode colocar #nome_do_campo_com_inputs display:none;

@Elivelton, dá uma olhada nas sugestões q falei, q vc vai conseguir colocar funcionar os formulários, qualquer coisa é só postar.

@Elivelton, isso vai depender como vc tá fazendo a validação, se é o javascript ou php.

@Elivelton, o problema deve ser, pq na verdade vc não apagar os campos, eles ficam ocultos. Vc tem algumas maneira de tentar contornar, ou vc apagar esse campos, ou na validação verifica se o botão está marcado, e assim vc faz verificação. COm jquery, eu fiz a primeira opção, como exemplo:

http://pastebin.com/f23f4cf8b

@Elivelton, pq vc não deixa o conteudo aparecendo da pessoa juridica por default aparecendo, e se pessoa for física, e clicar na parte parte, e remove? Isso é bem mais prático, e resolveria o problema.

O problema todo na verdade, seria vc verificar qual a opção iria validar primeiro, vou dá um exemplo usando a validação com php.

http://pastebin.com/f386b5a93

Claro, com vc tá usando javascript, vc pode fazer com ele. Eu não uso o spry, minhas validação sempre faço pelo lado do servidor, q no caso com php. E quando faço algo o javascript, recorro ao jquery.

Vc pode fazer da mesma maneira q vc faz usando javascript puro, com jquery vc faria assim, e não precisaria usar o onsubmit, podendo fazer assim:

Aqui tá um exemplo como vc pode fazer, e se escolhe a juridica, e faz mais validações:

http://pastebin.com/f3ca25402

})

@Elivelton, olha q ainda tenho q aprender muita coisa, não dá pra ficar maluco, rs.

Sobre jquery, dá uma olhadas nas vídeo aulas q tem no VAB sobre ele, isso vai te ajudar a entender melhor.

@Erica, vc pode fazer sim, se vc tiver a opção de mexer no action, e terá que mudar o javascript. Nesse exemplo da video aula, a função é executada quando alguem clicar em algum link, ele resgata q está dentro href no link, e assim carrega na página. Agora teremos q criar uma função, em q o botão flash chame ele ao clicar. Ficando assim o javascript:

http://pastebin.com/f29c40a86

Veja q vc não vai colocar dentro de :

$(document).ready(function(){

})

OU

$(function(){

})

Q isso ele iria carregar quando a pagina fosse carregada, e não essa nossa intenção. Depois dde vc colocar o javascript na página onde está o flash, vc vai chama-lo no action script(Confesso q flash não é minha praia)

On(press){
getURL(“javascript:Ajax(‘CaminhoDaPasta/NomeArquivo’)”);
}

Veja q chamo o javascript a funçao Ajax, e quem tenho q informar o caminho da pasta + o nome do arquivo pra pode carregar.

Uma outra solução pra esse problema da radio, talvez não seja a mais indicada, mas pode ajudar, é utilizar iframes, separando dois iframe na página, um para o parte onde tá o radio, e outro onde ficará o site . É uma alternativa. Assim não teria o problema do reload na página, ja q estarai separado a radio do resto do site.

Thiago, não entendo muito de flash, nem uso pra ser sincero,rs. A ideia era criar uma função, e chamar essa função pelo action script. Vc vai salvar aquele script , como ajax.js, daquela maneira mesmo. Depois vc chama para pagina.

[script type="text/javascript" src="js/ajax.js"][/script]

Não esqueça de chamar o arquivo do jquery tbm. Ai depois chamaria a função pelo action script. Eu não testei, só executando em um link, mas se o flash executa javascript provavelmente deva funcionar.

@Alexandre, vc vai ter usar o plugin Livequery, eu postei no forum do mxmasters o link para o script e um exemplo como usar. Quando vc usar livequery utiliza o jquery nos elementos chamados via ajax. Aqui está o link:

http://www.mxmasters.com.br/comunidade/viewtopic.php?f=54&t=2367#p11151

@Rafael, dá alguma mensagem de erro? Aconselho usar o plugin do Firefox, o firebug para ver se apresenta algum erro para sabermos o que está ocorrendo.

@Rafael tem com publicar esse conteudo para poder dá uma olhada?

@Andrea tudo bem, ainda bem q vc conseguir resolver o seu problema. abrs

Andrea é bem simples. Quem fará esse processo será o arquivo calcular.js

– Ao clicar (evento click) no botão com id#recalcular, ele vai disparar uma função:

- Dentro dessa função, fazemos uma verificação, pra ver se existe algum valor digitado na entrada, pra isso recuperamos o valor da entrada e atribuimos a uma variavel, pra melhor trabalharmos (var valorEntrada = $(“#entrada”).val();)

- Caso não tenha nenhum valor digitado, ele retorna um alerta dizendo que essa ação só concretizará, se tiver algum valor.

– Tendo algum valor, enviamos os dados para arquivo recalculo.php, usando a função $.post, que receberá os valores:

$.post (url_do_arquivo, {variaveis e valores}, função para o resultado)

- No caso, indicamos o arquivo recalculo.php, enviamos duas variaveis via post (entrada, e total), e dpois preparamos a função callback, que seria o resultado que queremos o arquivo recalcular.php

- No arquivo recalculo.php, faz as verificações de validações, e realiza o calculo, e monta a resposta q queremos.

– Depois ele retorna o valor para calculo.js, ele imprime o valor dentro da div#form-pag q indicamos

Resumindo tudo: no arquivo calcular.js, chama o metodo $.post para enviar, via $_POST, valores para o recalcular.php, e receber os valores e imprimi da div q indicamos.(#form-pag)

@Andrea, quando vc quer pegar um elemento com jquery, vc pode referenciar pelo id, pela class, no caso de input, o type ou name, exemplo:

Pelo ID
$(“#recalcular”)

Pelo name

$(“input[name=recalcular]“)

Pelo type

$(“input[type=button]“)

No caso, quando clico no botão, ele dispara a função q definimos, no caso o envio do $_POST para o arquivo recalculo.php

@Andrea, tendo duvida é só falar.

@rogieri, coloque os arquivos no http://pastebin.com/, e me manda o link pra dá uma olhada.

@Andrea, na verdade o calculo será indiferente ao banco de dados (veja q utilizei apenas um array), pq se vc perceber , o q importa é o valor q contem no input para resgatar e fazer o calculo.

@Eduardo Barros, veja como funcionar o script q fiz, ele resgata o nome q está no atributo href, e com ele chama a página correspondendo, vc está tenta usar uma query string com esse script, vc vai ter q retirar a ?funcao=, vc pode usar o replace do javascript. Dá uma pesquisada nessa propriedade q vc encontra varios tutoriais com usá-la.

@rogieri, quando vc trabalha com ajax, realmente dá esse problema, do javascript fica “desabilidado” podemos dizer assim. Mas vc pode tentar usar o livequery, um plugin do jquery pra evitar esse problema.

Sobre com Query String, o q vc pode fazer, e resgatar o valor do atributo href, e tratar esse informações no jquery, pra remover ?pagina=, deixando apenas o nome.

Vc tem tomar muito cuidado em transformar o seu site todo utilizando ajax, apesar de isso ser muito atraente, pode dá problemas, como esse q vc tá passando, fora a parte indexação do site de busca.

Como falei, pra vc trabalhar com javascript quando esse é incluido no site, dá pra usar o livequery, no script q disponibilizei mostrei com pode ser utilizado.

http://www.mxmasters.com.br/comunidade/viewtopic.php?f=54&t=2367

@Andrea, não tenho nada relacionado, mas fiz um script usando com PDO para facilitar, caso queira usar outro banco de dados, e lendo um arquivo. NO exemplo seria uma tabela com campo nome e email, e leria esse arquivo, cadastraria na tabela, talvez possa te ajudar no seu caso:

http://pastebin.com/tmQGKjcT

@Andrea, Só tem um erro, q na hora de passar o valor via post, q está com uma virgula, e é sem

$(function(){
//resgata o caminho quando clicar no botão #adicionar
$(“#adicionar”).click(function(){
//resgata o caminho digitado
var caminho = $(“#file”).val();
//passa o caminho por post para a página onde será aberto o arquivo
$.post(“add_aluno2.php”,
{
pega_caminho : caminho
});
return false;
});
});

@Andrea, coloca um callback pra ver se retorna algum valor :

$(function(){
//resgata o caminho quando clicar no botão #adicionar
$(“#adicionar”).click(function(){
//resgata o caminho digitado
var caminho = $(“#file”).val();
//passa o caminho por post para a página onde será aberto o arquivo
$.post(“add_aluno2.php”,
{
pega_caminho : caminho
},
function(valor){
alert(valor);
});
return false;
});
});

@Andrea, mas retorna uma mensagem de erro? Tente imprimir pega_caminho , no add_aluno2.php, para ver se tá enviando corretamente.

@Eder, vc pode usar um plugin dp jQuery chamado Livequery, onde “habilita” javascript quando a página é resultado de uma requisição em ajax.

http://www.mxmasters.com.br/comunidade/viewtopic.php?f=54&t=2367#p11151

@AllexWesley, o link está funcionando, ele é redirecionado para o Forum do MxMasters.

@urbano, basta remover a para sob todos os itens, exemplo:

$(“#menu a”).click(function(){
$(this).parent().children(‘ul’).slideDown();
});

Veja minha de menu e submenu no MxMasters utilizando jQuery

http://www.mxmasters.com.br/tableless-css/menu-com-submenu-na-horizontal-css-parte-2/

@Michel , dá sim, A ideia é carregar um conteudo externo, isso pode ser pagina com texto, ou com formulário, etc

@Victor, recomendo vc utilizar a aba q eu ensino na video aula.

http://www.videoaulasbrasil.com.br/ajax/sistema-de-abas-com-jquery/

@Victor, basta indicar pelo posição usando filter :first, para pegar o primeiro item

$(‘.aba:first’).load(‘primeiro_link.php’);

Para fazer um “rodizio”, vc pode utilizar setInterval para executar em intervalo de tempo. Eu tenho um tutorial q faz basicamente isso:

http://davidchc.wordpress.com/2009/10/14/sistema-de-abas-2-a-missao/

Veja em vez de incluir com load, já não deixe incluido em cada aba, e assim só mostre o conteudo

@Victor, se lembra q na video aula eu atribui um id a cada div, então basta fazer isso:

$(“#nome_da_div”).html(‘pagina.html’);

OU usar o eq, q pega a posiçção, logo o valor sempre começará com 0. Exemplo, se tenho 3 div, a posição dele será : 0,1,2. Então se quero pegar o primeiro, faço assim:

$(“.aba”).eq(0).html(‘pagina1.html’);

Se quero pegar o segundo:

$(“.aba”).eq(1).html(‘pagina2.html’);

Se quero pegar o terceiro:

$(“.aba”).eq(2).html(‘pagina3.html’);

@Victor, no caso vc não quer fique passando de um item para o outro automatimente ? Vc poderia fazer assim. Vc vai colocar atributo rel com o nome da pagina, exemplo:

http://pastebin.com/iqZ23sEE

@Thiago, vc tem q ser mais especifico, senão vou entender o contexto que está ocorrendo o erro