Script che apre finestra dinamica quando clicco su un link

[donatomontanaro]

Ho creato il menù del mio sito web, e ora vorrei far si che cliccando su ogni immagine del menù si apra a centro pagina una finestra che non sia esterna (tipo pop up) ma interna alla pagina. Per capire cosa intendo guardate questo esempio: link e cliccate su "simple Popit". A seguire nella pagina ci sono altri tipi di finestre sempre con la stessa funzione che mi interessa..

Cliccando, come vedete si apre una finestra interna chiudibile tramite X. Ed è proprio quello che vorrei fare. Però vorrei far si che nel mio sito web, ogni immagine del menù in cui si clicca si apra una finestra diversa e preferibilmente vorrei che questa finestra sia a sfondo nero e comunque con l'aspetto migliore possibile.

Quella dell'esempio è molto buona solo che non so come personalizzare il contenuto. Se qualcuno gli vuole dare un'occhiata lo script è scaricabile da qui: link Se volete dare un'occhiata al menù del mio sito web, ho voluto fare un menù ad immagini, per quello voglio fare che cliccando su ogni immagine si apra una finestra diversa.

Vi ringrazio in anticipo
Donato

[sevenjeak]

Quando scarichi il file trovi un file chiamato demo.js, aprilo e trova queste righe di codice:

document.observe("dom:loaded", function()
{
	
	$('simplePopIt').observe('click', function(event)
	{
		event.stop();
		var popIt = new PopIt(/*Codice da visualizzare nella finestra*/);
	});
	
	
	$('loremIpsumLink').observe("click", function(event)
	{
		event.stop();
		var popIt = new PopIt($('lorem').innerHTML, 
		{
			title: 'Lorem ipsum',
			height: 400,
			width: 600, 
			className: 'bluePopIt'
		});

Ho commentato la parte in qui dovrai inserire il codice html che apparirà all'interno della finestra.

[donatomontanaro]

Quando scarichi il file trovi un file chiamato demo.js, aprilo e trova queste righe di codice:

document.observe("dom:loaded", function()
{
	
	$('simplePopIt').observe('click', function(event)
	{
		event.stop();
		var popIt = new PopIt(/*Codice da visualizzare nella finestra*/);
	});
	
	
	$('loremIpsumLink').observe("click", function(event)
	{
		event.stop();
		var popIt = new PopIt($('lorem').innerHTML, 
		{
			title: 'Lorem ipsum',
			height: 400,
			width: 600, 
			className: 'bluePopIt'
		});

Ho commentato la parte in qui dovrai inserire il codice html che apparirà all'interno della finestra.

Carissimo Sevenjeak, innanzi tutto sei stato gentilissimo a rispondermi e a guardare lo script..
Infatti seguendo ciò che mi hai datto sono riuscito tramite il tuo a modificare il contenuto..
Però ora ho scoperto che questo script non funziona correttamente su internet explorer.. Inoltre modificando il demo.js riesco cosi a modificare il contenuto del riquadro ma non sembra possibile fare che coesistano nella stessa pagina più finestre diverse.. Per questi problemi ho deciso di esaminare dei nuovi script ajax forse più pratici e funzionali.