alert em tempo real + iframe com painel

[brenno lopes 0]

Não sei exatamente como chamar o nome deste tópico, mas acho que deu pra ter uma noção do que é, então esses dias (FinalDeSemana) passado eu estava navegando no site do "globo esporte" por acaso, exatamente no domingo em horário de jogo, quando vi uma coisa muito bacana, mais ou menos assim, sabe quando esta sendo transmitido o jogo na globo? ai aparece no canto inferior direito uma bolinha? mostrando que tem gol em outros jogos? então! no site do globoesporte, aconteceu quase da mesma forma, só que era tipo um ALERT com mais funções e o som da "bolinha rodando", eles criaram meio que um iframe programado, seis lá como posso dizer, me falaram que foi com ajax, o incrível é que parece que tem um painel aonde se preenche algum formulario, e executa o js na pagina,o problema é que mas não sei por onde e pelo que pesquisar, pois não entendo nada de ajax, e não queria estudar a linguagem por completo, para tentar fazer isso. Bom queria saber através de vocês aqui, como isso foi feito? alguem tem alguma noção de como fazer algo parecido?

Vou deixar o print desse script na hora que estava sendo executado e o código que olhei no código fonte do site ;s, lembrando que não encentivo copias ou plagios de scripts, apenas peguei para que fique mas fácil de me ajudar:

 

 

   <!-- ALERTA DE GOL -->
<div id="alerta-gol" style="display: none; ">
<div class="central">
	<a href="http://globoesporte.globo.com/temporeal/futebol/18-05-2011/vasco-avai/#" class="btn-close">
		<span>fechar</span>
	</a>
	<img class="gol" src="./sdf_files/gol_alerta_gol.png">
	<div class="info-gol">
		<img src="./sdf_files/once_caldas__.png" width="35" height="35">
		<div class="container">
			<div class="nome-jogador">Wason Rentería</div>
			<div class="periodo-gol">29' do 1º tempo</div>
		</div>
	</div>
	<div class="info-jogo">
		<p>
			<strong class="campeonato">Taça Libertadores</strong> | <span class="fase-rodada">Quartas de final</span>
		</p>
		<span class="container">
			<span class="container-nome nome-time-casa">Santos</span>
			<img class="escudo escudo-time-casa" width="20" height="19" src="./sdf_files/santos_30x30.png">
			<span class="placar-time-casa">1</span> <img class="placar-versus" width="8" height="11" alt="" src="./sdf_files/bg_central_versus.gif"> <span class="placar-time-visitante">1</span> 
			<img class="escudo escudo-time-visitante" width="20" height="19" src="./sdf_files/once_caldas.png">
			<span class="container-nome nome-time-visitante">Once Caldas</span>
		</span>
	</div>
	<div class="siga-temporeal">
		<a href="http://globoesporte.globo.com/temporeal/futebol/18-05-2011/santos-once-caldas" class="btn-siga">
			<span>Siga em Tempo Real</span>
		</a>
	</div>
</div>
</div>
<div class="alerta-som-gol">
 <object type="application/x-shockwave-flash" id="flashgol-outrosjogos" name="flashgol-outrosjogos" allowscriptacess="always" data="http://globoesporte.globo.com/media/temporeal/swf/delivery/flashgol-outrosjogos.swf" width="10" height="10">
   <param name="menu" value="false" />
   <param name="wmode" value="transparent" />
   <param name="allowScriptAcess" value="always" />
 </object>
</div>

 

Bom é isso, espero que me ajudem ;D

[William Bruno 1501]

provavel que eles tenham usando server-push/commet (ajax reverso)

 

não é 'simples de fazer'.

[brenno lopes 0]

Hmn, eu achei um script aqui só que em jquery que faz mas ou menos isso, eu acho que usaram jquery + css + php