locked
Help with jQuery Ipromptu RRS feed

  • Question

  • User-727044893 posted

    Hi there, I just discovered this beatiful plugin called Ipromptu. I want to open a popup with it which will contain some HTML. The HTML I need to use on it is this one:

    <table class="tabella_listanuovo" width="100%">
    <tr>
    
    <td class="alt1" style="vertical-align: top" width="50%">
    
    <h3>Forum City</h3>
    <hr>
    <div id="content">
    
    <ul>
    	<li><a style="font-weight:bold">Klayz.com Network</a>
    	<ul>
    
    		<li><a href="newthread.php?do=newthread&f=91"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/forumfeedback_forum-icona.gif"> Forum Feedback</a><br />
    			<div class="testo_listanuovo">Problemi, discussioni, critiche, consigli e risposte frequenti per la community e per il network.</div>
    		<ul>
    			<li><a href="newthread.php?do=newthread&f=100"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/testforum_forum-icona.gif"> Test Forum</a><br />
    				<div class="testo_listanuovo">Test vari per provare le funzionalit&agrave; della community.</div>
    			</li>
    		</ul>
    		</li>
    		<li><a href="newthread.php?do=newthread&f=5"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/wpankprojects_forum-icona.gif"> wPank Projects</a><br />
    			<div class="testo_listanuovo">Tutti i progetti e le idee possibili per la wPank - organization. Proposte e suggerimenti.</div></li>
    	</ul>
    	</li>
    	<li><a style="font-weight:bold">Forum City</a>
    	<ul>
    		<li><a href="newthread.php?do=newthread&f=93"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/welcomeklayz_forum-icona.gif"> Welcome Klayz!</a><br />
    			<div class="testo_listanuovo">Sezione di presentazione per i nuovi utenti della community.</div></li>
    		<li><a href="newthread.php?do=newthread&f=29"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/ilforum_forum-icona.gif"> Il Forum</a><br />
    			<div class="testo_listanuovo">Discussioni riguardo qualsiasi tematica.</div>
    		<ul>
    			<li><a href="newthread.php?do=newthread&f=31"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/agora_forum-icona.gif"> L'Agor&agrave;</a><br />
    				<div class="testo_listanuovo">Sezione dedicata alle alle tematiche pi&ugrave; serie e impegnate. Politica, attualit&agrave; e cultura.</div></li>
    		</ul>
    		</li>
    		<li><a href="newthread.php?do=newthread&f=17"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/dailyzone_forum-icona.gif"> Daily Zone</a><br /><div class="testo_listanuovo">La sezione del forum dove postare in libert&agrave; per farsi due risate insieme.</div>
    		<ul>
    			<li><a href="newthread.php?do=newthread&f=32"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/chatflood_forum-icona.gif"> Chat &amp; Flood</a><br /><div class="testo_listanuovo">Sezione di divertimento no-sense puro! Chat e discussioni veloci, flood per tutti i gusti su Chat & Flood!</div></li>
    			<li><a href="newthread.php?do=newthread&f=96"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/videoimmagini_forum-icona.gif"> Video &amp; Immagini</a><br /><div class="testo_listanuovo">Sezione dedicata all'inserimento di video e di immagini divertenti di ogni genere e di ogni gusto!</div></li>
    			<li><a href="newthread.php?do=newthread&f=4"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/ideefrasipoetry_forum-icona.gif"> Idee, Frasi y Poetry</a><br /><div class="testo_listanuovo">Nota: sezione sperimentale. Idee? Frasi? Melodie sotto forma di parole? Poesie da voi scritte? Postate!</div></li>
    			<li><a href="newthread.php?do=newthread&f=95"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/festeavvenimenti_forum-icona.gif"> Feste &amp; Avvenimenti</a><br /><div class="testo_listanuovo">Sezione dedicata alla feste e agli avvenimenti come compleanni, eventi, etc.</div></li>
    		</ul>
    		</li>
    		<li><a href="newthread.php?do=newthread&f=124"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/areasport_forum-icona.gif"> Area Sport</a><br /><div class="testo_listanuovo">Discussioni su tutti gli sport!</div>
    		<ul>
    			<li><a href="newthread.php?do=newthread&f=125"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/calcio_forum-icona.gif"> Calcio</a><br /><div class="testo_listanuovo">Sezione dedicata al Calcio, nazionale e internazionale. Discussioni su partite, tornei e giocatori!</div></li>
    			<li><a href="newthread.php?do=newthread&f=126"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/spaziomotori_forum-icona.gif"> Spazio Motori</a><br /><div class="testo_listanuovo">Sezione dedita a 360 gradi al mondo dei motori.</div></li>
    		</ul>
    		</li>
    	</ul>
    	</li>
    	
    	
    </ul>
    </div>
    
    </td>
    <td class="alt1" style="vertical-align: top" width="50%">
    
    <h3>Electronic City</h3>
    <hr>
    <div id="content">
    
    <ul>
    	<li><a style="font-weight:bold">Mondo Computer</a>
    	<ul>
    		<li><a href="newthread.php?do=newthread&f=162"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/computerforum_forum-icona.gif"> Computer Forum</a><br /><div class="testo_listanuovo">Forum generale di discussione per i problemi relatvi ai nostri computer e al loro funzionamento.</div></li>
    		<li><a href="newthread.php?do=newthread&f=163"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/hardwaresoftware_forum-icona.gif"> Hardware &amp; Software</a><br /><div class="testo_listanuovo">Discussioni sui componenti hardware e su i software dei nostri personal computer.</div></li>
    	</ul>
    	</li>
    	<li><a style="font-weight:bold">Games Zone</a>
    	<ul>
    		<li><a href="newthread.php?do=newthread&f=106"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/giochipc_forum-icona.gif"> Giochi per PC</a><br /><div class="testo_listanuovo">Tutte le discussioni che riguardano i giochi per PC.</div></li>
    		<li><a href="newthread.php?do=newthread&f=107"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/sony_forum-icona.gif"> Sony</a><br /><div class="testo_listanuovo">Discussioni e info relative a casa Sony e ai suoi giochi. PlayStation, PSP, PS.</div></li>
    		<li><a href="newthread.php?do=newthread&f=108"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/microsoft_forum-icona.gif"> Microsoft</a><br /><div class="testo_listanuovo">Discussioni e info relative a casa Microsoft e ai suoi giochi. Xbox ONE e Xbox 360.</div></li>
    		<li><a href="newthread.php?do=newthread&f=109"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/nintendo_forum-icona.gif"> Nintendo</a><br /><div class="testo_listanuovo">Discussioni e info relative a casa Nintendo e ai suoi giochi. Wii, Wii U, DS, 3DS e 2DS.</div></li>
    	</ul>
    	</li>
    	<li><a style="font-weight:bold">Video Zone</a>
    	<ul>
    		<li><a href="newthread.php?do=newthread&f=103"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/cinemaforum_forum-icona.gif"> Cinema Forum</a><br /><div class="testo_listanuovo">Discussioni su film, sceneggiature e attori!</div></li>
    		<li><a href="newthread.php?do=newthread&f=104"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/teleforum_forum-icona.gif"> Tele Forum</a><br /><div class="testo_listanuovo">Programmi televisivi, serie complete e tutto quello che riguarda la TV.</div></li>
    	</ul>
    	</li>
    	<li><a style="font-weight:bold">Tech Zone</a>
    	<ul>
    		<li><a href="newthread.php?do=newthread&f=112"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/tecnologiacellulari_forum-icona.gif"> Tecnologia e Cellulari</a><br /><div class="testo_listanuovo">Discussioni su cellulari, dispositivi mobili, navigatori, palmari e lettori MP3.</div></li>
    		<li><a href="newthread.php?do=newthread&f=111"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/fotocamerevideocamere_forum-icona.gif"> Fotocamere &amp; Videocamere</a><br /><div class="testo_listanuovo">Discussioni sulle fotocamere e sulle videocamere. Componenti, suggerimenti e informazioni.</div></li>
    	</ul>
    	</li>
    	<li><a style="font-weight:bold">Mercatino EC</a>
    	<ul>
    		<li><a href="newthread.php?do=newthread&f=114"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/mercatino_forum-icona.gif"> Vendo</a><br /><div class="testo_listanuovo">Sezione per la vendita di PC, software, giochi, SO, applicazioni, cellulari e periferiche varie.</div></li>
    		<li><a href="newthread.php?do=newthread&f=115"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/mercatino_forum-icona.gif"> Acquisto</a><br /><div class="testo_listanuovo">Sezione per chi cerca conponenti PC, software, giochi, SO, applicazioni, cellulari e periferiche varie.</div></li>
    	</ul>
    	</li>
    	<li><a style="font-weight:bold">Risorse Gratuite EC</a>
    	<ul>
    		<li><a href="newthread.php?do=newthread&f=169"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/risorsegratuite_forum-icona.gif"> Risorse Gratuite</a><br /><div class="testo_listanuovo">Molte risorse da scaricare gratuitamente!</div></li>
    	</ul>
    	</li>
    </ul>
    </div>
    
    </td>
    </tr>
    <tr>
    
    <td class="alt1" style="vertical-align: top" width="50%">
    
    <h3>WWWeb City</h3>
    <hr>
    <div id="content">
    
    <ul>
    	<li><a style="font-weight:bold">Progettazione Web</a>
    	<ul>
    		<li><a href="newthread.php?do=newthread&f=41"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/webforum_forum-icona.gif"> Web Forum</a><br /><div class="testo_listanuovo">Forum generale dove discutere di Web. Inoltre, progettazione del sito e dell'idea iniziale, domande e discussioni su domini e hosting.</div></li>
    		<li><a href="newthread.php?do=newthread&f=123"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/webdesign_forum-icona.gif"> Web Design</a><br /><div class="testo_listanuovo">Preparare la grafica del proprio sito web e l'aspetto. Domande su i programmi da utilizzare e problematiche varie.</div></li>
    		<li><a href="newthread.php?do=newthread&f=42"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/xhtmlcssjavascript_forum-icona.gif"> XHTML, CSS e JavaScript</a><br /><div class="testo_listanuovo">Discussioni sull'HTML, il CSS e il JavaScript. Dubbi, problematiche e informazioni varie.</div></li>
    	</ul>
    	</li>
    	<li><a style="font-weight:bold">Sviluppo Web</a>
    	<ul>
    		<li><a href="newthread.php?do=newthread&f=122"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/phpprogrammazione_forum-icona.gif"> PHP e Programmazione</a><br /><div class="testo_listanuovo">C++, Java e Visual Basic, PHP, MySQL, etc. Tutto quello che c'&egrave; da sapere sull'aspetto lato server. Domande, problemi e dubbi vanno in questa sezione.</div></li>
    		<li><a href="newthread.php?do=newthread&f=44"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/seomotoriricerca_forum-icona.gif"> SEO e Motori di Ricerca</a><br /><div class="testo_listanuovo">Sezione per discutere del SEO (Search Engine Optimization) e dei motori di ricerca come Google, Bing, etc.</div></li>
    		<li><a href="newthread.php?do=newthread&f=45"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/cms_forum-icona.gif"> Content Management System (CMS)</a><br /><div class="testo_listanuovo">Sezione per discutere i content management system (CMS) come Wordpress e Drupal. Domande, problematiche e informazioni.</div>
    		<ul>
    			<li><a href="newthread.php?do=newthread&f=116"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/wordpress_forum-icona.gif"> WordPress</a><br /><div class="testo_listanuovo">Discussioni, problematiche e info sul CMS WordPress. Problemi con l'installazione? Dubbi su plugin? Postate in questa sezione!</div></li>
    			<li><a href="newthread.php?do=newthread&f=117"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/vbulletin_forum-icona.gif"> vBulletin</a><br /><div class="testo_listanuovo">Sezione per discutere del CMS vBulletin (vB 3.x, vB 4.x e vBulletin 5 Connect).</div></li>
    			<li><a href="newthread.php?do=newthread&f=118"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/joomla_forum-icona.gif"> Joomla!</a><br /><div class="testo_listanuovo">Sezione per discutere del CMS Joomla!</div></li>
    			<li><a href="newthread.php?do=newthread&f=119"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/phpbb_forum-icona.gif"> phpBB</a><br /><div class="testo_listanuovo">Sezione per discutere del CMS phpBB!</div></li>
    		</ul>
    		</li>
    	</ul>
    	</li>
    	<li><a style="font-weight:bold">Gestione Web</a>
    	<ul>
    		<li><a href="newthread.php?do=newthread&f=37"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/webmarketing_forum-icona.gif"> Web Marketing</a><br /><div class="testo_listanuovo">Sezione dove discutere sulle varie tecniche di advertising, pubblicit&agrave;, affiliazioni e strategie di promozione per guadagnare con il proprio sito web.</div></li>
    		<li><a href="newthread.php?do=newthread&f=39"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/socialnetwork_forum-icona.gif"> Social Network</a><br /><div class="testo_listanuovo">State promuovendo il vostro sito web attraverso i social network? Discutetene in questa sezione! Facebook, Google+, Twitter, etc.</div></li>
    		<li><a href="newthread.php?do=newthread&f=128"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/presentasitoweb_forum-icona.gif"> Presenta il tuo Sito Web!</a><br /><div class="testo_listanuovo">Presentaci il tuo sito web per ricervere brevi recensioni, suggerimenti e consigli vari dagli altri utenti.</div></li>
    	</ul>
    	</li>
    	<li><a style="font-weight:bold">Mercatino Web</a>
    	<ul>
    		<li><a href="newthread.php?do=newthread&f=87"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/mercatino_forum-icona.gif"> Vendo</a><br /><div class="testo_listanuovo">Compravendita siti completi e domini, script, contenuti web, etc.</div></li>
    		<li><a href="newthread.php?do=newthread&f=121"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/mercatino_forum-icona.gif"> Acquisto</a><br /><div class="testo_listanuovo">Acquisto siti web, domini, script, contenuti web, etc.</div></li>
    	</ul>
    	</li>
    	<li><a style="font-weight:bold">Risorse Gratuite WWWC</a>
    	<ul>
    		<li><a href="newthread.php?do=newthread&f=171"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/risorsegratuite_forum-icona.gif"> Risorse Gratuite</a><br /><div class="testo_listanuovo">Molte risorse da scaricare gratuitamente!</div></li>
    	</ul>
    	</li>
    </ul>
    </div>
    
    </td>
    <td class="alt1" style="vertical-align: top" width="50%">
    
    <h3>Art City</h3>
    <hr>
    <div id="content">
    
    <ul>
    	<li><a style="font-weight:bold">Spazio Musica</a>
    	<ul>
    		<li><a href="newthread.php?do=newthread&f=132"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/musicforum_forum-icona.gif"> Music Forum</a><br /><div class="testo_listanuovo">Sezione generale dove parlare del mondo della musica, condividendo le proprie preferenze e gusti musicali.</div></li>
    		<li><a href="newthread.php?do=newthread&f=88"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/spazioartisti_forum-icona.gif"> Spazio Artisti</a><br /><div class="testo_listanuovo">Fate pubblicit&agrave; al vostro singolo o alla vostra nuova band! Sezione dedicata inoltre all'arte della recitazione e al teatro, al ballo, etc!</div>
    		<ul>
    			<li><a href="newthread.php?do=newthread&f=134"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/spaziomusicisti_forum-icona.gif"> Spazio Musicisti</a><br /><div class="testo_listanuovo">Sezione di discussione per musicisti. Discussioni su strumenti e tecniche musicali.
    Batteria, chitarra, basso, voce, pianoforte, etc!</div></li>
    			<li><a href="newthread.php?do=newthread&f=133"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/arteperformer_forum-icona.gif"> L'Arte del Performer</a><br /><div class="testo_listanuovo">Sezione per discutere dell'arte del performer. Lo studio delle tecniche di esibizione e tutte le curiosit&agrave; di questo mondo affascinante.</div></li>
    		</ul>
    		</li>
    		<li><a href="newthread.php?do=newthread&f=62"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/creazionesviluppomusicale_forum-icona.gif"> Creazione e Sviluppo Musicale</a><br /><div class="testo_listanuovo">Sezione dedicata allo sviluppo della musica. Domande su come fare e da dove iniziare. Discussioni su i moderni sequencer come Pro Tools, Logic Pro X, Cubase, etc.</div></li>
    		<li><a href="newthread.php?do=newthread&f=89"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/promozioneweb_forum-icona.gif"> Promozione sul Web</a><br /><div class="testo_listanuovo">Sezione dove discutere della promozione sul web per i vostri brani e le vostre opere musicali.</div></li>
    	</ul>
    	</li>
    	<li><a style="font-weight:bold">Spazio Arte</a>
    	<ul>
    		<li><a href="newthread.php?do=newthread&f=138"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/artforum_forum-icona.gif"> Art Forum</a><br /><div class="testo_listanuovo">Sezione generale di discussioni sul mondo dell'arte disegnata e creata al computer.</div>
    		<ul>
    			<li><a href="newthread.php?do=newthread&f=137"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/artedigitale_forum-icona.gif"> Arte Digitale</a><br /><div class="testo_listanuovo">Tutte le discussioni relative al mondo dell'arte digitale e dintorni. Problemi e domande su programmi come Photoshop, Illustrator, etc.</div></li>
    		</ul>
    		</li>
    		<li><a href="newthread.php?do=newthread&f=139"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/sketchespresentazioni_forum-icona.gif"> Sketches &amp; Presentazioni</a><br /><div class="testo_listanuovo">Avete realizzato uno sketch e lo volete postare per ricevere suggerimenti e commenti? Questa &egrave; la sezione adatta.</div></li>
    		<li><a href="newthread.php?do=newthread&f=141"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/forumfotografia_forum-icona.gif"> Forum Fotografia</a><br /><div class="testo_listanuovo">Discussioni sul mondo delle fotografie. Postate le vostre creazioni e condividete le vostre esperienze, i vostri strumenti e le tecniche utilizzate.</div></li>
    	</ul>
    	</li>
    	<li><a style="font-weight:bold">Spazio Letteratura</a>
    	<ul>
    		<li><a href="newthread.php?do=newthread&f=65"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/letteraturalibri_forum-icona.gif"> Letteratura &amp; Libri</a><br /><div class="testo_listanuovo">Discussioni su libri e autori. Scambio di opinioni letterarie. Anche per discussioni su fumetti, cartoons e comics.</div></li>
    		<li><a href="newthread.php?do=newthread&f=66"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/vostreopere_forum-icona.gif"> Le vostre Opere</a><br /><div class="testo_listanuovo">Spazio dedicato all'inserimento di poesie e scritti di vario genere creati dai nostri utenti.</div></li>
    	</ul>
    	</li>
    	<li><a style="font-weight:bold">Mercatino Arte &amp; Musica</a>
    	<ul>
    		<li><a href="newthread.php?do=newthread&f=130"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/mercatino_forum-icona.gif"> Vendo</a><br /><div class="testo_listanuovo">Compravendita di opere d'arte: disegni, foto digitali, realizzazioni e immagini varie.</div></li>
    		<li><a href="newthread.php?do=newthread&f=131"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/mercatino_forum-icona.gif"> Acquisto</a><br /><div class="testo_listanuovo">Proposte di acquisto per opere d'arte: disegni, foto digitali, realizzazioni e immagini varie.</div></li>
    		<li><a href="newthread.php?do=newthread&f=135"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/mercatomusicisti_forum-icona.gif"> Musicisti Cercasi</a><br /><div class="testo_listanuovo">Spazio dove poter inserire annunci di ricerca per musicisti nella vostra zona.</div></li>
    		<li><a href="newthread.php?do=newthread&f=136"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/mercatomusicisti_forum-icona.gif"> Proposte Musicisti</a><br /><div class="testo_listanuovo">Spazio dove proporsi per entrare a far parte di band o di gruppi gi&agrave; esistenti!</div></li>
    	</ul>
    	</li>
    	<li><a style="font-weight:bold">Risorse Gratuite AC</a>
    	<ul>
    		<li><a href="newthread.php?do=newthread&f=173"><img class="icona_listanuovo" src="http://www.klayz.com/community/skin/statusicon/risorsegratuite_forum-icona.gif"> Risorse Gratuite</a><br /><div class="testo_listanuovo">Molte risorse da scaricare gratuitamente!</div></li>
    	</ul>
    	</li>
    </ul>
    </div>
    
    </td>
    </tr>
    
    </table>
    

    I can't understand how to make it work. Baically now I have this code:

    <script type="text/javascript">
            $(document).ready(function () {
            $("#btn").click(function () {
                $.prompt("Scegli una sezione...", {
                    title: "Are you Ready?",
                    buttons: { "Yes, I'm Ready": true, "No, Lets Wait": false }
                });
                return false;
            });
        });
    </script>
    
    <input id="btn" type="button" value="Test" />
    
    

    Should I add all the HTML code here: "Scegli una sezione..."?

    Wednesday, December 23, 2015 2:40 PM

Answers

  • User61956409 posted

    Hi Dakoom,

    To use a jQuery plugin, you should add reference to jQuery Ipromptu js and required jQuery js.

    Then you could attach the plugin to target element or initiate plugin when document is ready.

    Dakoom

    Should I add all the HTML code here: "Scegli una sezione..."?

    Besides, you could check the API documentation for much more advanced usage. You could try to specify html option with your html content.

    Best Regards,

    Fei Han

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Thursday, December 24, 2015 6:22 AM
  • User61956409 posted

    Hi Dakoom,

    Could share us some links about jQuery Ipromptu plugin you are using? Besides, if it has official jQuery Ipromptu forum, you could ask for help on there.

    Best Regards,

    Fei Han

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Monday, January 4, 2016 10:02 AM

All replies

  • User61956409 posted

    Hi Dakoom,

    To use a jQuery plugin, you should add reference to jQuery Ipromptu js and required jQuery js.

    Then you could attach the plugin to target element or initiate plugin when document is ready.

    Dakoom

    Should I add all the HTML code here: "Scegli una sezione..."?

    Besides, you could check the API documentation for much more advanced usage. You could try to specify html option with your html content.

    Best Regards,

    Fei Han

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Thursday, December 24, 2015 6:22 AM
  • User-727044893 posted

    Hi Fei, thank you for your reply. I solved using another CSS popup solution. But I'd like to use Ipromptu in order to create a tour on my webpage. I read everything in the docs, but I still don't understand this: how do I call it, after I include everything in the head section (js files/css files)? I mean, this is what is reported on the docs in order to create a tour:

    var tourSubmitFunc = function(e,v,m,f){
    			if(v === -1){
    				$.prompt.prevState();
    				return false;
    			}
    			else if(v === 1){
    				$.prompt.nextState();
    				return false;
    			}
    },
    tourStates = [
    	{
    		title: 'Welcome',
    		html: 'Ready to take a quick tour of jQuery Impromptu?',
    		buttons: { Next: 1 },
    		focus: 0,
    		position: { container: 'h1', x: 200, y: 60, width: 200, arrow: 'tc' },
    		submit: tourSubmitFunc
    	},
    	{
    		title: 'Download',
    		html: 'When you get ready to use Impromptu, you can get it here.',
    		buttons: { Prev: -1, Next: 1 },
    		focus: 1,
    		position: { container: '#Download', x: 170, y: 0, width: 300, arrow: 'lt' },
    		submit: tourSubmitFunc
    	},
    	{
    		title: "You've Got Options",
    		html: 'A description of the options are can be found here.',
    		buttons: { Prev: -1, Next: 1 },
    		focus: 1,
    		position: { container: '#Options', x: -10, y: -145, width: 200, arrow: 'bl' },
    		submit: tourSubmitFunc
    	},
    	{
    		title: 'Examples..',
    		html: 'You will find plenty of examples to get you going..',
    		buttons: { Prev: -1, Next: 1 },
    		focus: 1,
    		position: { container: '#Examples', x: 80, y: 10, width: 500, arrow: 'lt' },
    		submit: tourSubmitFunc
    	},
    	{
    		title: 'The Tour Code',
    		html: 'Including this tour... See, creating a tour is easy!',
    		buttons: { Prev: -1, Next: 1 },
    		focus: 1,
    		position: { container: '#TourCode', x: 180, y: -130, width: 400, arrow: 'br' },
    		submit: tourSubmitFunc
    	},
    	{
    		title: 'Learn More',
    		html: 'If you would like to learn more please consider purchasing a copy of Impromptu From I to U. If you found Impromptu helpful you can also donate to help fund development.  If not, thanks for stopping by!',
    		buttons: { Done: 2 },
    		focus: 0,
    		position: { container: '.ebook', x: 370, y: 120, width: 275, arrow: 'lt' },
    		submit: tourSubmitFunc
    	}
    ];
    $.prompt(tourStates);

    Oh, the I add this code into a <script> tag into my webpage. And then? How do I link to it? Something like <div id="startipromptutour">Tour</div>?

    Thursday, December 24, 2015 6:13 PM
  • User61956409 posted

    Hi Dakoom,

    How do I link to it? Something like <div id="startipromptutour">Tour</div>?

    If you’d like to launch jQuery Ipromptu when you click “startipromptutour” div, you could try to use the following sample code.

    $("#startipromptutour").click(function () {
        //...
        $.prompt(tourStates);
        //...
    })
    

    Best Regards,

    Fei Han

    Friday, December 25, 2015 8:24 AM
  • User-727044893 posted

    So now I have this:

    <script type="text/javascript">
    
    $("#startipromptutour").click(function () {
    
    
    			function openprompt(){
    			
    				var tourSubmitFunc = function(e,v,m,f){
    			if(v === -1){
    				$.prompt.prevState();
    				return false;
    			}
    			else if(v === 1){
    				$.prompt.nextState();
    				return false;
    			}
    },
    tourStates = [
    	{
    		title: 'Welcome',
    		html: 'Ready to take a quick tour of jQuery Impromptu?',
    		buttons: { Next: 1 },
    		focus: 0,
    		position: { container: 'h1', x: 200, y: 60, width: 200, arrow: 'tc' },
    		submit: tourSubmitFunc
    	},
    	{
    		title: 'Download',
    		html: 'When you get ready to use Impromptu, you can get it here.',
    		buttons: { Prev: -1, Next: 1 },
    		focus: 1,
    		position: { container: '#Download', x: 170, y: 0, width: 300, arrow: 'lt' },
    		submit: tourSubmitFunc
    	},
    	{
    		title: "You've Got Options",
    		html: 'A description of the options are can be found here.',
    		buttons: { Prev: -1, Next: 1 },
    		focus: 1,
    		position: { container: '#Options', x: -10, y: -145, width: 200, arrow: 'bl' },
    		submit: tourSubmitFunc
    	},
    	{
    		title: 'Examples..',
    		html: 'You will find plenty of examples to get you going..',
    		buttons: { Prev: -1, Next: 1 },
    		focus: 1,
    		position: { container: '#Examples', x: 80, y: 10, width: 500, arrow: 'lt' },
    		submit: tourSubmitFunc
    	},
    	{
    		title: 'The Tour Code',
    		html: 'Including this tour... See, creating a tour is easy!',
    		buttons: { Prev: -1, Next: 1 },
    		focus: 1,
    		position: { container: '#TourCode', x: 180, y: -130, width: 400, arrow: 'br' },
    		submit: tourSubmitFunc
    	},
    	{
    		title: 'Learn More',
    		html: 'If you would like to learn more please consider purchasing a copy of Impromptu From I to U. If you found Impromptu helpful you can also donate to help fund development.  If not, thanks for stopping by!',
    		buttons: { Done: 2 },
    		focus: 0,
    		position: { container: '.ebook', x: 370, y: 120, width: 275, arrow: 'lt' },
    		submit: tourSubmitFunc
    	}
    ];
    $.prompt(tourStates);
    				
    			});
    			}
    })
    		</script>

    and in HTML code I have this:

    <div id="startipromptutour">click me to start tour</div>

    But it doesn't work...

    Note: I'm a really noob on JS! I really need some help here! Tongue Out

    Sunday, December 27, 2015 10:45 PM
  • User61956409 posted

    Hi Dakoom,

    Could share us some links about jQuery Ipromptu plugin you are using? Besides, if it has official jQuery Ipromptu forum, you could ask for help on there.

    Best Regards,

    Fei Han

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Monday, January 4, 2016 10:02 AM