begin process at 2012 05 29 14:12:20
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Function & Méthodes

 > 

Javascript : Pop-up dans tag-cloud


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Javascript : Pop-up dans tag-cloud

dimanche 11 avril 2010 à 19:36:26 | Javascript : Pop-up dans tag-cloud

tojii

Bonjour/bonsoir à tous. Je suis actuellement en train de faire un site, mais j'ai un léger soucis avec un "tag-cloud" (nuage de mot) créé par Roy Tanck

--> http://www.roytanck.com/2008/03/15/wp-cumulus-released/

En fait, je suis arrivé à intégrer le nuage de mot, mais j'aimerai qu'en cliquant sur les mots-clefs, le navigateur ouvre un pop-up plutôt qu'une fenêtre classique. L'idée c'est de proposer une petite animation flash à chaque fois qu'on clique sur l'un des mots-clefs.

Voici le code de Roy Tanck :

<script type="text/javascript">
var so = new SWFObject("tagcloud.swf", "tagcloud", "600", "400", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><a href='http://www.roytanck.com' style='22' color='0xff0000' hicolor='0x00cc00'>WordPress</a><a href='http://www.roytanck.com' style='12'>Flash</a><a href='http://www.roytanck.com' style='16'>Plugin</a><a href='http://www.roytanck.com' style='14'>WP-Cumulus</a><a href='http://www.roytanck.com' style='12'>3D</a><a href='http://www.roytanck.com' style='12'>Tag cloud</a><a href='http://www.roytanck.com' style='9'>Roy Tanck</a><a href='http://www.roytanck.com' style='10'>SWFObject</a><a href='http://www.roytanck.com' style='10'>Example</a><a href='http://www.roytanck.com' style='12'>Click</a><a href='ferelden.jpg' onClick= '_blank' menubar='no' scrollbars='no' statusbar='no' style='12' >Animation</a></tags>");
so.write("flashcontent");

</script>


J'ai fait plusieurs recherches, et le meilleur résultat que j'ai obtenu c'est d'ajouter un target='_blank' pour ouvrir mon animation dans une autre page. Mais ça ne me satisfait pas. Je sais que pour ouvrir un pop-up avec javascript, il faut utiliser la fonction window.open mais soit je me débrouille comme un pied (probable) soit ce n'est pas possible à intégrer dans le code ci-dessus.

J'ai aussi penser à utiliser la méthode de "lightbox" (le truc à la mode qui ouvre des images/anim à la manière d'un pop-up mais ce n'est pas un pop-up) mais là non plus, j'y arrive pas.

Pourriez-vous m'aider ?
lundi 12 avril 2010 à 11:10:12 | Re : Javascript : Pop-up dans tag-cloud

tojii

Help ! je suis toujours perdu !

J'ai néanmoins avancé, enfin j'espère. J'ai utilisé la fonction window.open en rajoutant le code ci-dessous dans <head> :

<SCRIPT language="javascript">
function ouvre_popup(page) {
window.open(page,"nom_popup","menubar=no, status=no, scrollbars=no, menubar=no, width=200, height=100");
}
</SCRIPT>

L'idée c'est de rajouter :

<a href='javascript:ouvre_popup("page.htm","nom_popup","menubar=no, status=no, scrollbars=no, menubar=no, width=200, height=100");'>test popup</a>

dans le script de Roy Tanck que j'ai montré dans mon premier post. Ce code fonctionne, mais impossible de l'intégrer dans le script de Roy.

Le hic, c'est que ce script ne me permet pas d'utiliser les guillemets ni des apostrophes, ces "délimiteurs" de ma chaîne sont déjà utilisé dans le script ailleurs. Du coup, il me faudra un 3eme "délimiteur" comme le sont les " et les '... mais j'ai pas l'impression que ça existe
mardi 13 avril 2010 à 22:02:08 | Re : Javascript : Pop-up dans tag-cloud

PetoleTeam

Membre Club
Bonjour,
le 3eme délimiteur est le même mais échappé grâce à un anti slash

;O)


Cette discussion est classée dans : javascript, up, pop, so, addvariable


Répondre à ce message

Sujets en rapport avec ce message

passer une variable PHP dans une instruction javascript (Pop-Up) [ par RDLG2A ] Bonjour à tous,Voilà mon pb!J'extrais d'une base de données une info que je nomme $ProdPhoto.Je voudrais lancer un pop-up qui m'ouvre cette photo.Je l pop up en javascript [ par brudao ] Bonsoir! j'aimerais avoir un coup de pouce en javascript que je ne maitrise pas. j'aimerais faire une fenetre pop up un peu spécifique. je voudrais redirection javascript [ par djbabou ] Bonjour a tous Juste une petite question : j'aimerais savoir commnent on peut afficher une autre page dans la même fenêtre en javascript ? Je veux é empecher navigation javascript [ par djbabou ] [^^clinoeil1] bonjour a tous ! [^^clinoeil1] je cherche un script me permettant de bloquer une fenetre de naviguation. En fait, ce que j'aimerais, c Highslide [ par siu ] Bonsoir tout le monde, j'ai intégré 2 plugins highslide pour faire : - pop up sur vignette photo : rubrique photos - pop up qui comprend une video : ouverture pop up puis fermeture [ par robotsflo ] Bonjour a tous, je ne sais pas créer un bout de code javascript et encore moins d'integrer dans une page en gros j'ai aucune compétence en la matiere fenetre pop up en premier plan [ par tupacman ] bonjour j'ai un petit problème une fentre pop up en javascript ouvre un fichier php tout se passe tres bien sauf que je veux que la fentre pop up ne Probleme de lien dans une pop-up [ par dra78 ] Bonjour à tous. Voila j'utilise actuellement un code javascript faisant un aléatoire de 3 images jpg. Jusque là tout va bien, le code marche. Le probl pop-up à l'ouverture (visualisation d'une image) [ par bentosushi ] [b]Bonjour à tous,[/b] je cherche le moyen d'appeler un pop-up dès qu'une image est ouverte. (site d'image) Celà devrait se créer automatiquement de Pop up [ par lilj ] Bonjour, voilà j'ai une fenêtre parent qui ouvre un popup. Néanmoins, ce popup modifie ma base de données et ainsi il faut actualiser la fenêtre paren


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,265 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales