Tester si le client peut ouvrir une URL

**AIexis** · 14/02/2009, 10h47

Bonjour,
J'aimerais savoir si il est possible, en javascript, de tester si le client peut ouvrir une url (typiquement, pour savoir si le port xxxx de son réseau est ouvert en sortie, en testant une url genre http://ip:port ).
Bref, un équivalent d'un fopen, mais côté client.

Merci bien

**AIexis** · 14/02/2009, 12h26

A priori j'ai réussi à le faire, avec AJAX, ce qui m'étonne car il me semblait que ça s'exécutait côté serveur

EDIT: non, finalement, marche pas... me semblait bien

**Matthieu2000** · 16/02/2009, 14h59

différent port == différent domaines. Sauf si la sécurité n'est pas mis, il n'y a pas de moyen!

**SpaceFrog** · 16/02/2009, 15h01

mets un iframe caché sur ta page et attribues lui le src de l'url ...
teste ensuite le src de l'iframe ?

**AIexis** · 16/02/2009, 15h49

Envoyé par Matthieu2000

différent port == différent domaines. Sauf si la sécurité n'est pas mis, il n'y a pas de moyen!

En effet, ça pourrait fonctionner en diminuant la sécurité de la zone, mais d'une part je peux pas demander aux clients de faire ça, d'autre part ça n'est effectif que sur le port 80 d'après mes quelques tests.

Envoyé par SpaceFrog

mets un iframe caché sur ta page et attribues lui le src de l'url ...
teste ensuite le src de l'iframe ?

Une idée intéressante en effet... mais comment tester le src de l'iframe ?
Le javascript et moi....

En fait j'avais déjà pensé à cette idée, et j'avais mis une petite iframe (genre 50 * 50 ) avec la page, qui a un fond noir.
Vous voyez du noir: ça marche
Vous voyez du blanc: ça marche pas

Pas très user-friendly

**marcha** · 16/02/2009, 16h02

Salut,

Si tu peux répondre sur un serveur web sur tous les ports que tu veux tester
alors tu peux imaginer de servir une même image quelque soit le port
sur lequel est adressé la requête. Dés lors en javascript tu peux détecter
si l'image est chargée ou pas avec un code du genre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
var img = document.createElement('img');
var timeout = setTimeout( function() { alert('ça passe pas'); }, 5000);
img.onload = function() { clearTimeout(timeout); alert('ça passe'); };
img.src = 'http://domain:port/image.gif';
document.body.appendChild(img);

**AIexis** · 16/02/2009, 16h10

Aie, malheureusement il n'y a pas d'image dans cette page, et je n'ai pas la main dessus.
C'est l'interface web d'un serveur shoutcast, de ce style là:
http://91.121.165.51:7150/
C'est que du texte.
Peut-on vérifier avec ce même type de code que du texte est bien "chargé" ?
Par exemple "<a href="http://www.shoutcast.com/disclaimer.phtml">Copyright Nullsoft Inc</a>"

**SpaceFrog** · 16/02/2009, 16h37

pas coté client...
eventuellement en passant par un fichier php avec ajax tu peux parser le contenu de la page avec php

**marcha** · 16/02/2009, 16h43

Essaie ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var e = document.createElement('iframe');
var timeout = setTimeout( function() { alert('ça passe pas'); }, 5000);
e.onload = function() { clearTimeout(timeout); alert('ça passe'); };
e.src = 'http://91.121.165.51:7151/';
document.body.appendChild(e);

**SpaceFrog** · 16/02/2009, 16h44

j'ai peur que le src en fait conserve la valeur de depart ...

il aurait fallu pouvoir atteindre le location.href ...

**AIexis** · 16/02/2009, 17h06

Je suis pas bien certain de savoir comment utiliser ce code.
Si je le mets en début de page, après le <body> là j'ai la page avec l'iframe, et après 5 secondes "ça passe pas" (donc mauvais résultat puisque je vois bien l'iframe)
Si je mets ce code en fin de page, avant le </body>, j'ai une alerte IE (ne peut pas ouvrir la page, opération abandonnée)

Pour info je l'ai copié tel quel, en adaptant juste l'url.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<script>
var e = document.createElement('iframe');
var timeout = setTimeout( function() { alert('ça passe pas'); }, 5000);
e.onload = function() { clearTimeout(timeout); alert('ça passe'); };
e.src = 'http://<?=$IPserveur?>:<?=$PortServeur?>/';
document.body.appendChild(e);
</script>

**AIexis** · 16/02/2009, 17h29

En revanche sur Firefox les résultats sont bons !

Encore une mauvaise blague de IE

**AIexis** · 16/02/2009, 17h49

Donc j'en suis rendu là...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<script language="JavaScript">
var e = document.createElement('iframe');
var timeout = setTimeout( function() { document.getElementById('informations').innerHTML = 'Le port <?=$PortServeur?> semble fermé dans votre réseau.' ; }, 5000);
e.onload = function() { clearTimeout(timeout); document.getElementById('informations').innerHTML = 'Port ouvert' };
e.width = 0 ;
e.height = 0 ;
e.src = 'http://<?=$IPserveur?>:<?=$PortServeur?>/';
document.body.appendChild(e);
</script>

Fonctionne impec sur firefox, mais pas IE.
Je suis pas du tout familiarisé avec javascript alors il y a peut-être une incompatibilité évidente qui saute aux yeux, mais moi je vois rien...
C'est presque fini, j'aimerais bien me débarrasser de cette histoire

**marcha** · 16/02/2009, 19h09

Salut,

en fait le problème c'est que mon code accède au body de la page
et que celui-ci doit être existant avant que le javascript ne soit
exécuté.

Je m'excuse d'avoir omis que tu débutais en Js, alors place ce code
dans une fonction et appelle et assigne l'évènement onload à celle-ci.

comme ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
window.onload = function() {
...le code ici
};

et tu met ça dans <script> dans le head quelque part.

Si par hasard il y a déjà un onload dans ta balise body alors je t'expliquerai
volontiers comment gérer ça, mais si c'est pas le cas, c'est très simple ainsi.

**AIexis** · 16/02/2009, 19h24

Alors effectivement j'ai déjà du javascript dans le body

Donc j'ai fait ceci:
dans le <head>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
function testport() {
		var e = document.createElement('iframe');
		var timeout = setTimeout( function() { document.getElementById('informations').innerHTML = 'Le port <?=$PortServeur?> semble fermé dans votre réseau.' ; }, 5000);
		e.onload = function() { clearTimeout(timeout); document.getElementById('informations').innerHTML = 'Port ouvert' };
		e.width = 0 ;
		e.height = 0 ;
		e.src = 'http://<?=$IPserveur?>:<?=$PortServeur?>/';
		document.body.appendChild(e);
}

et la balise body

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<BODY onLoad="titre('<?=$IPserveur?>','<?=$PortServeur?>');testport()">

(l'autre fonction appelée "titre" fonctionne bien

)

Résultat: pas de mieux, c'est toujours impeccable sur firefox (je bloque le port avec mon firewall, je débloque, nickel...)
Mais toujours "port fermé" sur IE

A tout hasard j'ai également essayé ceci, mais ça revient exactement à la même chose:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
window.onload = function() {
		var e = document.createElement('iframe');
		var timeout = setTimeout( function() { document.getElementById('informations').innerHTML = 'Le port <?=$PortServeur?> semble fermé dans votre réseau.' ; }, 5000);
		e.onload = function() { clearTimeout(timeout); document.getElementById('informations').innerHTML = 'Port ouvert' };
		e.width = 0 ;
		e.height = 0 ;
		e.src = 'http://<?=$IPserveur?>:<?=$PortServeur?>/';
		document.body.appendChild(e);
		titre('<?=$IPserveur?>','<?=$PortServeur?>');
}

Et rien dans le <body>

**marcha** · 17/02/2009, 08h27

Envoyé par AIexis

Et rien dans le <body>

Tu veux dire que l'iframe n'apparait pas dans le body sous IE ?

**AIexis** · 17/02/2009, 09h20

Ah non, pardon, je me suis mal exprimé. Je voulais dire que j'avais laissé la balise body sans onLoad.
L'iframe apparait bien (quand je mets width et height >0 of course) sur firefox et IE.
Mais IE ne semble pas s'en apercevoir.

**marcha** · 17/02/2009, 09h23

Après une petite recherche, il semblerai qu'IE aie un bug à ce niveau,
regarde ici

**AIexis** · 17/02/2009, 09h36

C'est bien ma veine, pour une fois que j'ai besoin de JS

Parmi les réponses, dans ce forum mis en lien, il semblerait que des gens aient pu contourner le problème, non ?
Je suis largué là, désolé

**marcha** · 17/02/2009, 09h52

Je pense qu'il te faut essayer de coder le onload dans le html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<iframe src='...' onload='loaded()' />

ensuite en javascript tu modifie ainsi

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
var timeout; // ceci en dehors de toute fonction
 
function loaded() {
  clearTimeout(timeout); alert('ça passe');
}
 
// tu peux mettre ceci dans ta fonction body onload
timeout = setTimeout( function() { alert('ça passe pas'); }, 5000);

Tester si le client peut ouvrir une URL

JavaScript

Discussions similaires

Partager

Partager