[Resolvido] adicinar conteudo dentro de todas as tags <a href

[Sander Luís 4]

assim pessoal eu queria por um onclick em todas as tags <a> automaticamente

 

tem como fazer em php tipo colocar onclick="javascript:load();" dentro de uma string e imprimir ela em todos e quaisquer "links" do site???

 

ou se for mais facil tem como fazer em jquery? tipo quando dar um click no link dae executa o javascript:load(); ?? mas isso não seria em links com id e sim na propria tag <a> então deveria criar automaticamente dentro dos <a> o texto onclick="javascript:load();" entenderam??

 

por isso q é melhor em php dae teria q ser automatico... todos os links deverão ter o onclick="javascript:load();"

 

 

entenderam? vlww

[Mateus Avila Isidoro 8]

OI Sander.

 

É muito mais fácil em javascript. Veja:

 

$(document).ready(function(){
 $(document).delegate('li a', 'click', function(e){
   e.preventDefault();//evita que o click vá para outra página
   var href = $(this).attr('href');// pega o valor da URL do link
   var hrefFinal = href.split('#');
   $.get(hrefFinal[1]+".php", function(data){//faz um evento get que pega o endereço do url que tu passou para abrir uma nova página.
    $('#conteudo').html(data);
   });
 })
});

 

e seu html pode funcionar da seguinte forma:

 

<ul>
  <li><a href="#inicial">inicial</a></li>
  <li><a href="#curriculo">curriculo</a></li>

</ul>

 

Creio que deva funcionar. Caso contrário, responde ai que a gente tira dúvidas.

[Sander Luís 4]

RESOLVIDO

 

coloquei esse javascript:

<script language="javascript" type="text/javascript">
 $(document).ready(function(){

   $("a").click(function() {
     $("#loading_page").fadeIn(150);});

$("#no_load").click(function() {
     $("#loading_page").fadeOut(150);});
  }); 

  $(window).load(function() {
     $("#loading_page").fadeOut(150);
});
</script>

 

ele é ativado em um link normal tipo

 

<a href="http://www.sandersites.com.br" >Sander Sites</a>

 

a div do loading é esta:

 

<div id="loading_page" ><p>Carregando...</p></div>

 

links funcionado aki:

 

http://sandersites.com.br/novo/

http://sandersites.com.br/cadastrar.html

http://sandersites.com.br/entrar.html

 

eu tenho só uma duvida.. sobre o css dele...

 

olhem ae.

 

funcionou igual e perfeito no mozilla, Ie 7, ie 10(teste), opera, chromer e safari..

 

a unica coisa q fica diferente no ie 8 e no ie 9 e q o menu de baixa o cadastrar/entrar fica digamos quase no meio da tela....

 

eu não usei

<center>

 

pra nada no site apenas css mesmo tipo margin:0 auto; e mais umas coias, só olhando lá..

 

ae tenho q por um css condicional para os ie 8 e 9 mas dae tenho q ver oq tah fazzendo a div ir para o meio...

 

derepente tenho q por para o ie position relative, e posisionar no liugar certo com top, e left...

 

 

vou ver no q dah... vlw

[Mateus Avila Isidoro 8]

centraliza usando o margin:0 auto; e sem usar float. O ideal é usar um elemento, tipo o B, que no html5 pode ser utilizado.

b{margin:0 auto}

[Sander Luís 4]

centraliza usando o margin:0 auto; e sem usar float. O ideal é usar um elemento, tipo o B, que no html5 pode ser utilizado.

b{margin:0 auto}

 

sim eu ja uso "margin:0 auto" e tbm tava sem o float mas dava erro igual somente no ie8 e no ie 9 , pesquisei e vi q é um bug do ie 8 no margin:0 auto , dae apenas tirei aquela partezinha da pagina e vou colocar os links cadastar/registrar no menu com destaque fica mais legal...

 

vlw

 

MODERADORES: RESOLVIDO

 

e tbm muda o titulo para "adicionar" em vez de "adicinar" eu errei ao digitar kkkkkkkkkkkk