Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement Langage JavaScript window.open

window.open

11 réponses
Avatar
samuel
salut!
function open_comms(t,n){
window.open('"comms.php?t='.t.'&n='.n.'","top=50, left=100,
screenY=50, screenX=100, width=300, height=300, resizable=no"');
}
jme goure dans les ",' non?
:s
merci davance...
Signaler un problème avec ce contenu

10 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
1 2
Avatar
Olivier Miakinen
Le 11/06/2009 21:22, samuel a écrit :
salut!
function open_comms(t,n){
window.open('"comms.php?t='.t.'&n='.n.'","topP, left0,
screenYP, screenX0, width00, height00, resizable=no"');
}
jme goure dans les ",' non?



Voyons voir.
*****************
window.open('"comms.php?t='.t.'&n='.n.'","topP, left0,
screenYP, screenX0, width00, height00, resizable=no"');
*****************
window.open(
'"comms.php?t=' . t . '&n=' . n .
'","topP, left0, screenYP, screenX0, width00, height00,
resizable=no"'
);
*****************

Oui, absolument. ;-)
Avatar
WebShaker
Olivier Miakinen a écrit :

Voyons voir.
*****************
window.open('"comms.php?t='.t.'&n='.n.'","topP, left0,
screenYP, screenX0, width00, height00, resizable=no"');
*****************
window.open(
'"comms.php?t=' . t . '&n=' . n .
'","topP, left0, screenYP, screenX0, width00, height00,
resizable=no"'
);
*****************



Je vais peut être dire une connerie, mais si j'ai bien compris tu
utilise l'opérateur . comme opérateur de concatenation.

Hors il me semble que + serait plus judicieux !

Genre

window.open('comms.php?t=' + t + '&n=' + n,'topP, left0,
screenYP, screenX0, width00, height00, resizable=no');

Etienne
Avatar
samuel
meme avec ton code étienne, la ligne suivante marche pô..
open_comms(bd,5);

et je peux pas écrire
<a class='comm' onclick='open_comms("bd","5");' href=''>Commentaires( )
</a>
avec
open_comms("bd","5");
parce que sinon ça ferme d'autres guillemets...
problème non .?

ps:
function open_comms(t,n){...}
ça cest bien correct au moins? :)
merci les gens
Avatar
SAM
Le 6/11/09 11:29 PM, samuel a écrit :

ps:
function open_comms(t,n){...}
ça cest bien correct au moins? :)



Jusque là ça va ;-)

Bon ... le truc n'est pas du php au moins ?

Si c'est du code "normal", du html quoi,
voici comment je vois les " et ' :

<head>
<script type="text/javascript">
function open_comms(t,n){
window.open('comms.php?t=' + t + '&amp;n=' + n,
'monTarget_a_Moi',
'topP,left0,width00,height00,resizable=1');
return false;
}
</script>
</head>
<body>
<p><a class="comm" href="#"
onclick="return open_comms('bd','5');">Commentaires</a>


et ce serait mieux :

function open_comms(t,n){
if(typeof truc != 'undefined' && !truc.closed)
truc.close();
else
truc = window.open('comms.php?t=' + t + '&amp;n=' + n,
'monTarget_a_Moi',
'topP,left0,width00,height00,resizable=1');
return false;
}

En sachant que, suivant le réglage du navigateur du visiteur, le popup
ne popera pas et ira se glisser dans un nouvel onglet.


La méthode respectueuse du visiteur devrait être :

<head>
<script type="text/javascript">
function open_comms(lien){
if(typeof truc != 'undefined' && !truc.closed)
truc.close();
else
truc = window.open(lien.href, 'monTarget_a_Moi',
'topP,left0,width00,height00,resizable=1');
return false;
}
</script>
</head>
<body>
<p><a class="comm" href="comms.php?t½&amp;n=5"
onclick="return open_comms(this);">Commentaires</a>


SVP : toujours permettre que le popup soit redimensionnable !
(j'y vois peut-être mal et j'ai peut-être besoin de le zoomer)

Un peu de lecture :
<https://developer.mozilla.org/fr/DOM/window.open>

--
sm
Avatar
samuel
merci pour ton post super instructif :)
j'ai pas encore essayé de mettre en application (premier partiel dans
une heure)
mais j'ai un pb, je sais pas si je peux écrire tout ça..

en fait, je triche un peu pour afficher du texte dans une light box
(je sais cest pas très legal :s)
du coup je passe le bout de html en paramètre dans un alt ou un truc
comme ça..
donc j'ai alt="blablablablablablabl"
du coup dans blablabla faut que j'évite les " " je pense....
quest ce que ten dis :o ?
Avatar
SAM
Le 6/12/09 9:50 AM, samuel a écrit :
merci pour ton post super instructif :)
j'ai pas encore essayé de mettre en application (premier partiel dans
une heure)
mais j'ai un pb, je sais pas si je peux écrire tout ça..

en fait, je triche un peu pour afficher du texte dans une light box



Je ne sais pas ce que c'est.
Une console de jeux ?

(je sais cest pas très legal :s)



Ha ben!
alors si d'avoir une lightbox n'est pas légal, que fais-tu avec ?

du coup je passe le bout de html en paramètre dans un alt ou un truc
comme ça..
donc j'ai alt="blablablablablablabl"
du coup dans blablabla faut que j'évite les " " je pense....
quest ce que ten dis :o ?



J'en dis ... pas grd chose, vu que je ne vois pas comment un alt peut
lancer une fonction JS.

Néanmoins, oui, éviter les " dans les ' qui sont eux-même dans des "
(d'autant que tu ne dois pas avoir besoin d'une telle imbrication)

le principe est d'échapper le quote imbriqué :

bidule="blabla('machin + "truc" ')"

Mais pour un window.open,
en direct :

<a
href="javascript:window.open('comms.php?t½&amp;n=5','truc','width00,height00');">
Commentaire</a>

avec un script JS (je ne sais où) :

function illegal(t, n) {
t = 'comms.php?t=' + t + '&amp;n=' + n;
n = 'topP,left0,width00,height00,resizable=1';
if(typeof truc == 'undefined' || truc.closed)
truc = window.open(t,'truc',n);
else { truc.location = t; truc.focus(); }
}

<a href="javascript:illegal('bd','5')">commentaire</a>



Néanmoins il est possible d'avoir une "lightbox" sans tout le
tremblement des biblis lightbox.js et annexes :
<http://www.xul.fr/ecmascript/lightbox.html>
dont le code de mise en place et d'utilisation sera sans doute plus
simple à modifier ?


Avec lightbox2 (http://www.huddletogether.com/projects/lightbox2/)
n'est-il pas aussi simple de mettre tes commentaires dans le title du A ?

<div class="thumbnail">
<a title="Mes petits commentaires du jour" rel="lightbox"
href="images/image-2.jpg">
<img width="100" height="40" alt="" src="images/thumb-2.jpg"/>
</a>
</div>


--
sm
Avatar
samuel
voilà le code exact:

<a href="images/bd/1.jpg" rel="lightbox[1]" title="Le chat du rabbin,
1.La Bar-Mitsva" alt="Le chat du rabbin,
1.La Bar-Mitsva" name="<div><p><strong>Le chat du rabbin<br/>
<em>1.La Bar-Mitsva</em></strong><p/><p>Joann Sfar <em>(Scénario et
Dessin)</em>
<br/>
Brigitte Findakly <em>(Couleur)</em>
<br/>
Dargaud, Poisson Pilote<br/>2002<br/><img src='images/notes/5.jpg'/
<br/><a href='http://www.bedetheque.com/serie-2313-BD-Chat-du-Rabbin-


(Le).html#8847'>lien</a></p></div><div id='en_bas'><a class='comm'
onclick="open_comms(return open_comms('bd','1');"
href='#'>Commentaires()</a>
</div>
"><img src="images/bd/mini/1.jpg"/></a>

les échappements marchent pas...
:/
Avatar
SAM
Le 6/12/09 5:03 PM, samuel a écrit :
voilà le code exact:



non, à mon idée, y en manque des bouts, mébon ...


<a href="images/bd/1.jpg" rel="lightbox[1]" title="Le chat du rabbin,
1.La Bar-Mitsva" alt="Le chat du rabbin,
1.La Bar-Mitsva" name="<div><p><strong>Le chat du rabbin<br/>
<em>1.La Bar-Mitsva</em></strong><p/><p>Joann Sfar <em>(Scénario et
Dessin)</em>
<br/>
Brigitte Findakly <em>(Couleur)</em>
<br/>
Dargaud, Poisson Pilote<br/>2002<br/><img src='images/notes/5.jpg'/
<br/><a href='http://www.bedetheque.com/serie-2313-BD-Chat-du-Rabbin-


(Le).html#8847'>lien</a></p></div><div id='en_bas'><a class='comm'
onclick="open_comms(return open_comms('bd','1');"
href='#'>Commentaires()</a>
</div>
"><img src="images/bd/mini/1.jpg"/></a>

les échappements marchent pas...



Où çà ? ça ne "marchent"-il pas ?

Il n'y a sans doute pas que ça qui ne fonctionne pas,
par exemple le onclick sur le lien qui doit contrarier le JS de lightbox.



L'attribut alt dans un lien n'a rien à y faire :
alt="Le chat du rabbin,1.La Bar-Mitsva"
En effet :
- ce n'est pas une image mais un lien
- même si c'était une image :
il y a un title pour renseigner ce qu'il faut
et le alt doit alors renseigner sur ce qu'est l'image
alt="trombine du rabbin" par exemple


Qu'est-ce que c'est ce b...l de name ?

Bon ... en supposant que espectaculousse en fasse qque chose,
ou bien une de tes fonctions :

</p> et non pas <p/>

c'est : onclick='return open_comms(
et non pas : onclick='open_comms(return open_comms(


<a href="images/bd/1.jpg"
rel="lightbox[1]"
title="Le chat du rabbin,1.La Bar-Mitsva"
name="<div>
<p><strong>Le chat du rabbin<br/>
<em>1.La Bar-Mitsva</em></strong>
</p>
<p>Joann Sfar <em>(Scénario et Dessin)</em>
<br/>Brigitte Findakly <em>(Couleur)</em>
<br/>Dargaud, Poisson Pilote
<br/>2002
<br/><img src='images/notes/5.jpg'/>
<br/><a
href='http://www.bedetheque.com/serie-2313-BD-Chat-du-Rabbin-(Le).html#8847'>
lien</a>
</p>
</div>
<div id='en_bas'>
<a class='comm'
onclick='return open_comms("bd",1);'
href='#'>Commentaires()</a>
</div>"
><img src="images/bd/mini/1.jpg" alt=""/></a>


Essayer (en remettant sur une seule ligne) :

name="&lt;div&gt;&lt;p&gt;&lt;strong&gt;Le chat du
rabbin&lt;br/&gt;&lt;em&gt;1.La
Bar-Mitsva&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Joann
Sfar&lt;em&gt;(Scénario et Dessin)&lt;/em&gt;&lt;br/&gt;Brigitte
Findakly&lt;em&gt;(Couleur)&lt;/em&gt;&lt;br/&gt;Dargaud, Poisson
Pilote&lt;br/&gt;2002&lt;br/&gt;&lt;img
src='images/notes/5.jpg'/&gt;&lt;br/&gt;&lt;a
href='http://www.bedetheque.com/serie-2313-BD-Chat-du-Rabbin-(Le).html#8847'&gt;lien&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;div
id='en_bas'&gt;&lt;a class='comm' onclick='return open_comms('bd',1);'
href='#'&gt;Commentaires()&lt;/a&gt;&lt;/div&gt;"


Mais si j'en crois bedetheque.com,
qui, lui, arrive bien à mettre tt un tas de commentaires,
il faudrait en fait :

<a href="images/bd/1.jpg"
rel="lightbox[1]"
title="&lt;div&gt;&lt;p&gt;&lt;strong&gt;Le chat du
rabbin&lt;br/&gt;&lt;em&gt;1.La
Bar-Mitsva&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Joann
Sfar&lt;em&gt;(Scénario et Dessin)&lt;/em&gt;&lt;br/&gt;Brigitte
Findakly&lt;em&gt;(Couleur)&lt;/em&gt;&lt;br/&gt;Dargaud, Poisson
Pilote&lt;br/&gt;2002&lt;br/&gt;&lt;img
src='images/notes/5.jpg'/&gt;&lt;br/&gt;&lt;a
href='http://www.bedetheque.com/serie-2313-BD-Chat-du-Rabbin-(Le).html#8847'&gt;lien&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;div
id='en_bas'&gt;&lt;a class='comm' onclick='return open_comms("bd",1);'
href='#'&gt;Commentaires()&lt;/a&gt;&lt;/div&gt;" >
<img src="images/bd/mini/1.jpg" alt="image de BD"
title="Le chat du Rabin"/></a>


Tiens, essaye en barre d'adresse de ton navigateur (copier-coller):

javascript:document.body.innerHTML="<div><p><strong>Le chat du
rabbin<br/><em>1.La Bar-Mitsva</em></strong></p><p>Joann
Sfar<em>(Scénario et Dessin)</em><br/>Brigitte
Findakly<em>(Couleur)</em><br/>Dargaud, Poisson Pilote<br/>2002<br/><img
src='images/notes/5.jpg'/><br/><a
href='http://www.bedetheque.com/serie-2313-BD-Chat-du-Rabbin-(Le).html#8847'>lien</a></p></div><div
id='en_bas'><a class='comm' onclick='open_comms(return
open_comms("bd",1); return false;' href='#'>Commentaires()</a></div>"


Où l'on voit que ça a l'air de fonctionner,
d'être OK pour l'échappement des "

--
sm
Avatar
samuel
> > <a href="images/bd/1.jpg" rel="lightbox[1]" title="Le chat du rab bin,
> 1.La Bar-Mitsva" alt="Le chat du rabbin,
> 1.La Bar-Mitsva" name="<div><p><strong>Le chat du rabbin<br/>
> <em>1.La Bar-Mitsva</em></strong><p/><p>Joann Sfar <em>(Scénario et
> Dessin)</em>
> <br/>
> Brigitte Findakly <em>(Couleur)</em>
> <br/>
> Dargaud, Poisson Pilote<br/>2002<br/><img src='images/notes/5.jpg'/
>> <br/><a href='http://www.bedetheque.com/serie-2313-BD-Chat-du-Rabbin -
> (Le).html#8847'>lien</a></p></div><div id='en_bas'><a class='comm'
> onclick="return open_comms('bd','1');"
> href='#'>Commentaires()</a>
> </div>
> "><img src="images/bd/mini/1.jpg"/></a>



les échappements marchent pas...

Où çà ? ça ne "marchent"-il pas ?



ici:
onclick="return open_comms('bd','1');"


Il n'y a sans doute pas que ça qui ne fonctionne pas,
par exemple le onclick sur le lien qui doit contrarier le JS de lightbox.



mais non, il va m'afficher ce que j'ai "caché" dans le name


L'attribut alt dans un lien n'a rien à y faire :


oui on est daccord, je tai dit que cétait pas très licite ma light box


Qu'est-ce que c'est ce b...l de name ?

<a href="images/bd/1.jpg"
    rel="lightbox[1]"
    title="Le chat du rabbin,1.La Bar-Mitsva"
    name="<div>
            <p><strong>Le chat du rabbin<br/>
               <em>1.La Bar-Mitsva</em></strong>
           </p>
           <p>Joann Sfar <em>(Scénario et Dessin)</em>
           <br/>Brigitte Findakly <em>(Couleur)</em>
           <br/>Dargaud, Poisson Pilote
           <br/>2002
           <br/><img src='images/notes/5.jpg'/>
           <br/><a
href='http://www.bedetheque.com/serie-2313-BD-Chat-du-Rabbin-(Le).html# 8847'>
                lien</a>
           </p>
         </div>
         <div id='en_bas'>
           <a class='comm'
              onclick='return open_comms("bd",1);'
              href='#'>Commentaires()</a>
         </div>"
      ><img src="images/bd/mini/1.jpg" alt=""/></a>



onclick='return open_comms("bd",1);'
çA ne Marche Pas, il détecte la fin du name après ton antislash??!



Mais si j'en crois bedetheque.com,
qui, lui, arrive bien à mettre tt un tas de commentaires,



mais quest ce que tu racontes ?! :D


pourquoi tu tiens à virer les <,> de mon name? il faudrait les
remettre après sinon, parce que cest destiné à être affiché en ta nt
que html ça...


Tiens, essaye en barre d'adresse de ton navigateur (copier-coller):

javascript:document.body.innerHTML="<div><p><strong>Le chat du
rabbin<br/><em>1.La Bar-Mitsva</em></strong></p><p>Joann
Sfar<em>(Scénario et Dessin)</em><br/>Brigitte
Findakly<em>(Couleur)</em><br/>Dargaud, Poisson Pilote<br/>2002<br/><img
src='images/notes/5.jpg'/><br/><a
href='http://www.bedetheque.com/serie-2313-BD-Chat-du-Rabbin-(Le).html# 8847'>lien</a></p></div><div
id='en_bas'><a class='comm' onclick='open_comms(return
open_comms("bd",1); return false;' href='#'>Commentaires()</a></div>"

Où l'on voit que ça a l'air de fonctionner,
d'être OK pour l'échappement des "



ça plutot non marche, voilà la source du résultat

<html><head></head><body><div><p><strong>Le chat durabbin<br><em>1.La
Bar-Mitsva</em></strong></p><p>JoannSfar<em>(Scénario et Dessin)</
em><br>BrigitteFindakly<em>(Couleur)</em><br>Dargaud, Poisson
Pilote<br>2002<br><imgsrc='images notes="" 5.jpg=""><br><ahref='htt p:
www.bedetheque.com="" serie-2313-bd-chat-du-rabbin-
(le).html#8847="">lien</ahref='http:></imgsrc='images></p></
div><divid='en_bas'><a class="comm" onclick='open_comms
(returnopen_comms("bd",1); return false;' href="#">Commentaires()</a></
divid='en_bas'></body></html>

mais de tte facon l'échappement moi jle veux en html, pas en
javascript.. :?
Avatar
SAM
Le 6/12/09 10:55 PM, samuel a écrit :

C'est un peu ch...t ce gMail qui ne sait pas faire un post de NG convenable.

Là-ici c'est moi SAM qui cause :
Mais si j'en crois bedetheque.com,
qui, lui, arrive bien à mettre tt un tas de commentaires,



mais quest ce que tu racontes ?! :D



Je raconte que ta cible de ton lien exemple sait se servir de lightbox
modifié : <http://www.dolem.com/lytebox/>
même si on peut tt de même trouver à redire.

pourquoi tu tiens à virer les <,> de mon name? il faudrait les
remettre après sinon, parce que cest destiné à être affiché en tant
que html ça...



Heu ... je ne vois pas où j'ai retiré les < et > ... ?
ils sont juste écrits "autrement" : &lt; et &gt;

Comme le fait bedetheque, je te signale au passage :

<a href="Couvertures/chatdurabbin01.JPG"
rel="lytebox[a]"
title="&lt;b&gt;Chat du Rabbin (Le)&lt;/b&gt;&lt;br&gt;1. La
Bar-Mitsva&lt;br&gt;400x521 pixels">

Et, à ce que j'ai compris de mon survol du fonctionnement de lightbox,
tout ce tralala que tu veux ne doit pas être dans un name mais dans le
title du A (cf. ci-dessus).

Tiens, essaye en barre d'adresse de ton navigateur (copier-coller):





Harrghhh! ce n'était pas le bon :-(
Corrigé :

javascript:document.body.innerHTML="<div><p><strong>Le chat du
rabbin<br/><em>1.La Bar-Mitsva</em></strong></p><p>Joann
Sfar<em>(Scénario et Dessin)</em><br/>Brigitte
Findakly<em>(Couleur)</em><br/>Dargaud, Poisson Pilote<br/>2002<br/><img
src='images/notes/5.jpg'/><br/><a
href='http://www.bedetheque.com/serie-2313-BD-Chat-du-Rabbin-(Le).html#8847'>lien</a></p></div><div
id='en_bas'><a class='comm' onclick='return open_comms("bd",1);'
href='#'>Commentaires()</a></div>"

Où l'on voit que ça a l'air de fonctionner,
d'être OK pour l'échappement des "



ça plutot non marche,



Moi avec mes Fx, Opera et Safari, avec l'essai ci-dessus j'obtiens :
<http://cjoint.com/?gmxUGrQrgi>
Tiens ? Même mon IE7 affiche ça aussi ? Renversant !

Oui, le source devrait être qque chose du genre puisque c'est exactement
ça qu'il a été tenté de faire ... !

voilà la source du résultat


> <html><head></head><body><div><p><strong>Le chat durabbin<br><em>1.La
(snip)

ce devrait être :

<html>
<head></head>
<body>
<div>
<p>
<strong>
Le chat du rabbin
<br/>
<em>1.La Bar-Mitsva</em>
</strong>
</p>
<p>
Joann Sfar
<em>(Scénario et Dessin)</em>
<br/>
Brigitte Findakly
<em>(Couleur)</em>
<br/>
Dargaud, Poisson Pilote
<br/>
2002
<br/>
<img src="images/notes/5.jpg"/>
<br/>
<a
href="http://www.bedetheque.com/serie-2313-BD-Chat-du-Rabbin-(Le).html#8847">
lien</a>
</p>
</div>
<div id="en_bas">
<a class="comm" href="#" onclick="return open_comms("bd",1);">
Commentaires()</a>
</div>
</body>
</html>


mais de tte facon l'échappement moi jle veux en html, pas en
javascript.. :?



L'échappement n'existe pas en html ...
Y a donc rien à vouloir. Non-mé !

Et là, dans ton source il n'y est pas, puisque normalement on n'en a pas
besoin et que le onclick devrait lancer le popup (si on avait aussi
déclaré la fonction kivabien)

Voici un simulé de ton window.open remplacé par un alert :

javascript:document.body.innerHTML="<script
type='text/javascript'>function open_comms(t,n){alert('n = '+n+'nt =
'+t);return false;}</script><div><p><strong>Le chat du
rabbin<br/><em>1.La Bar-Mitsva</em></strong></p><p>Joann
Sfar<em>(Scénario et Dessin)</em><br/>Brigitte
Findakly<em>(Couleur)</em><br/>Dargaud, Poisson Pilote<br/>2002<br/><img
src='images/notes/5.jpg'/><br/><a
href='http://www.bedetheque.com/serie-2313-BD-Chat-du-Rabbin-(Le).html#8847'>lien</a></p></div><div
id='en_bas'><a class='comm' onclick='return open_comms("bd",1);'
href='#'>Commentaires()</a></div>"


qui fonctionne chez moi.


À mon sens, ton code final (si tu utilises lightbox)
devrait être :

<a href="images/bd/1.jpg"
rel="lightbox[1]"
title="&lt;div&gt;&lt;p&gt;&lt;strong&gt;Le chat du
rabbin&lt;br/&gt;&lt;em&gt;1.La
Bar-Mitsva&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Joann
Sfar&lt;em&gt;(Scénario et Dessin)&lt;/em&gt;&lt;br/&gt;Brigitte
Findakly&lt;em&gt;(Couleur)&lt;/em&gt;&lt;br/&gt;Dargaud, Poisson
Pilote&lt;br/&gt;2002&lt;br/&gt;&lt;img
src='images/notes/5.jpg'/&gt;&lt;br/&gt;&lt;a
href='http://www.bedetheque.com/serie-2313-BD-Chat-du-Rabbin-(Le).html#8847'&gt;lien&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;div
id='en_bas'&gt;&lt;a class='comm' onclick='return open_comms("bd",1);'
href='#'&gt;Commentaires()&lt;/a&gt;&lt;/div&gt;">
<img src="images/bd/mini/1.jpg" alt=""/>
</a>


Si ça ne fonctionne pas tu n'as plus qu'à te rabattre sur 'litebox'.

--
sm
1 2