Player não parar de tocar ao mudar página

[brunomosciatti 0]

Galera, seguinte...

Como eu posso fazer para o meu player (de rádio em um site de Web rádio) não parar de tocar quando o ouvinte trocar de página?

O ouvinte está na home, ouvindo a rádio e clica no menu "programação" por exemplo, fazer com que não pare de tocar a música e trocar a página normalmente

 

O site é totalmente feito em HTML/CSS

Caso seje necessario, posto o html, css, imagens e etc.

Obrigado

[Kineri 0]

Uma idéia boa para se fazer isso é usar duas tags div: uma com a radio e outra com o resto do site.

 

conforme o usuário clica em um link, o div principal é recarregado, com AJAX (acredito que a função load() do jQuery faça bem isso)

[Dee 0]

Exato...

você pode trabalhar com frames ou com o que o colega acima disse.

 

Dae o index nunca será alterado, caso você clique em algum link.

Tipo, você tem o codigo abaixo em na index, e se você clicar em algum link nao vai alterar a index.

 

 

<bgsound src='rhcp/bytheway.mp3'>

Se você kiser, eu tenho o exemplo acima feito em ajax. vai da sua escolha, ajax ou frame.

[brunomosciatti 0]

Entendi, já imaginava que podia ser feito por iframes.

Por favor, coloque o exemplo em ajax ai Dee.

[Henrique Barcelos 290]

Não recomendo usar iframes...

 

Iframes são 'tecnologia' ultrapassada...

 

Use AJAX http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[brunomosciatti 0]

Aguardando pelo código em ajax...

[Dee 0]

Desculpa a demora

Muito trampo cara.

 

2 arquivos.

 

ajax.js

// JavaScript Document
function GetXMLHttp() { 
	if(navigator.appName == "Microsoft Internet Explorer") { 
	xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 
	} else { 
	xmlHttp = new XMLHttpRequest(); 
	}     
	return xmlHttp; 
} 
var xmlRequest = GetXMLHttp(); 

instrucoes.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 = "Carregando..."; 
	} 
	return url; 
} 

function mudancaEstado(){ 
	if (xmlRequest.readyState == 4){ 
		document.getElementById("conteudo").innerHTML = xmlRequest.responseText; 
	} 
} 

 

Dae no link você faz:

<a href="#" onclick="abrirPag('pagina.php');" class="lnk2">Clique Aqui</a>

[Thiago Retondar 18]

Tópico movido:

 

Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif JavaScript / DHTML » AJAX

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Henrique Barcelos 290]

Uma alternativa:

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://www.comp.ufscar.br/~henriquejpb/myJS/myAjax.php

[brunomosciatti 0]

Dee, esses 2 códigos eu salvo num bloco de notas com formato .js só isso né? e nessa parte de lik você se refere ao menu por exemplo ?

[Dee 0]

Dee, esses 2 códigos eu salvo num bloco de notas com formato .js só isso né? e nessa parte de lik você se refere ao menu por exemplo ?

 

Exatamente!

[brunomosciatti 0]

Valeu, vou testar e já edito aqui na sequencia

[brunomosciatti 0]

Bom... olha só

<a href="#" onclick="abrirPag('pagina.php');" class="lnk2">Clique Aqui</a>

O meu site, a cada item do menu está separado por uma pasta.. por exemplo

Home está na pasta home, com sua propria index

Contato está na pasta contato, com sua propria index

e assim por diante...

 

então, no menu fica assim :

<li><a href="/home">Home</a></li>
				<li><a href="/programacao">Programação</a></li>
				<li><a href="/player">Player</a></li>
				<li><a href="/downloads">Downloads</a></li>
				<li><a href="/chat">Chat</a></li>
				<li><a href="/contatos">Contatos</a></li>
				<li><a href="/parceiros">Parceiros</a></li>

então não consegui aplicar nesse código aí que você me falou pra por em cada link, porque alí tá "('pagina.php')" que seria pra eu trocar pela página respectiva ao link né? e nesse caso que a âncora faz o link para uma pasta?

[Henrique Barcelos 290]

Não precisa fazer aassim...

 

Faça deste modo:

 

Dê uma ID para a tag UL do menu (ex.: 'menu_principal');

 

Depois disso, faça assim:

 

var menu = document.getElementById('menu_principal');
var links = menu.getElementsByTagName('a');

for(var i = 0; i < links.length; i++){
	links[i].onclick = function(e){
 	abrigPag(this);
 	e.preventDefault();
	}
}

[brunomosciatti 0]

Rick, ao inves desses códigos que o Dee passou eu só coloco isso?

var menu = document.getElementById('menu_principal');
var links = menu.getElementsByTagName('a');

for(var i = 0; i < links.length; i++){
        links[i].onclick = function(e){
        abrigPag(this);
        e.preventDefault();
        }
}

e aonde coloco ?

[Sharif Lucas 0]

Boa tarde, eu estou com o mesmo problema!

 

O Bruno, você conseguiu solucionar?

 

Uma duvida, para funcionar minha div onde vai passar todo o conteudo no HTML tem que chamar "conteudo"?