Page 1 sur 1

Ne pas executer un code.

Posté : 05 juin 2013, 09:02
par Lyssorus
Bonjour,

Alors voilà, j'ai une div dans laquelle j'ai le code pour l'affichage de ma caméra. Bon ça ça fonctionne, j'arrive à l'afficher ou la cacher avec un bouton, mais quand elle est caché, je vois que ma page charge quand même le flux, comment faire pour que cela cesse ?
$("#BoutonCam").click(function(){
				if(passé == false){
					passé = true;
					document.getElementById("camera").style.visibility="visible";
					document.getElementById("BoutonCam").value="Cacher la vidéo";
				}
				else{
					passé = false;
					document.getElementById("camera").style.visibility="hidden";
					document.getElementById("BoutonCam").value="Afficher la vidéo";
				}
			});
[javascript]
<div id="camera" style="visibility:hidden;">
<!-- Affichage de la camera -->
<SCRIPT LANGUAGE="JavaScript">
// Set the BaseURL to the URL of your camera
var BaseURL = "http://192.168.1.48/"; //http://192.168.1.48/
// DisplayWidth & DisplayHeight specifies the displayed width & height of the image.
// You may change these numbers, the effect will be a stretched or a shrunk image
var DisplayWidth = "700"; //700
var DisplayHeight = "900"; //900
// This is the path to the image generating file inside the camera itself
var File = "axis-cgi/mjpg/video.cgi?resolution=1920x1080";
// No changes required below this point
var output = "";
if ((navigator.appName == "Microsoft Internet Explorer" ) &&
(navigator.platform != "MacPPC" ) && (navigator.platform != "Mac68k" ))
{
// If Internet Explorer under Windows then use ActiveX
output = '<OBJECT ID="Player" width='
output += DisplayWidth;
output += ' height=';
output += DisplayHeight;
output += ' CLASSID="CLSID:DE625294-70E6-45ED-B895-CFFA13AEB044" ';
output += 'CODEBASE="';
output += BaseURL;
output += 'activex/AMC.cab#version=3,20,18,0">';
output += '<PARAM NAME="MediaURL" VALUE="';
output += BaseURL;
output += File + '">';
output += '<param name="MediaType" value="mjpeg-unicast">';
output += '<param name="ShowStatusBar" value="1">';
output += '<param name="ShowToolbar" value="1">';
output += '<param name="AutoStart" value="1">';
output += '<param name="StretchToFit" value="1">';
output += '<BR><B>Axis Media Control</B><BR>';
output += 'The AXIS Media Control, which enables you ';
output += 'to view live image streams in Microsoft Internet';
output += ' Explorer, could not be registered on your computer.';
output += '<BR></OBJECT>';
}
else {
// If not IE for Windows use the browser itself to display
theDate = new Date();
output = '<IMG SRC="';
output += BaseURL;
output += File;
output += '&dummy=' + theDate.getTime().toString(10);
output += '" HEIGHT="';
output += DisplayHeight;
output += '" WIDTH="';
output += DisplayWidth;
output += '" ALT="Camera Image">';
}
document.write(output);
document.Player.ToolbarConfiguration = "play,+snapshot,+fullscreen"
// document.Player.UIMode = "MDConfig";
// document.Player.MotionConfigURL = "/axis-cgi/operator/param.cgi?ImageSource=0"
// document.Player.MotionDataURL = "/axis-cgi/motion/motiondata.cgi";
</SCRIPT>
</div>
[/javascript]


En gros il me faudrait autre chose que le hidden... Un truc plus costaud, plus violant :p

Merci d'avance :)

Re: Ne pas executer un code.

Posté : 05 juin 2013, 10:46
par ghost5922
Bonjour,

creer deux function une qui va généré le contenu au clique et une qui va vide le contenu au click

Re: Ne pas executer un code.

Posté : 05 juin 2013, 11:17
par Lyssorus
Salut,

Alors oui j'en discutais avec un pote justement, mais comment je génère un contenue à partir de mon JS ? Je peux pas lui dire echo "code de la camera" ?

Re: Ne pas executer un code.

Posté : 05 juin 2013, 11:37
par ghost5922
j'ai pas tester mais cela doit donne quelque chose comme

[javascript]
<SCRIPT LANGUAGE="JavaScript">
function camera(mondiv){
// Set the BaseURL to the URL of your camera
var BaseURL = "http://192.168.1.48/"; //http://192.168.1.48/
// DisplayWidth & DisplayHeight specifies the displayed width & height of the image.
// You may change these numbers, the effect will be a stretched or a shrunk image
var DisplayWidth = "700"; //700
var DisplayHeight = "900"; //900
// This is the path to the image generating file inside the camera itself
var File = "axis-cgi/mjpg/video.cgi?resolution=1920x1080";
// No changes required below this point
var output = "";
if ((navigator.appName == "Microsoft Internet Explorer" ) &&
(navigator.platform != "MacPPC" ) && (navigator.platform != "Mac68k" ))
{
// If Internet Explorer under Windows then use ActiveX
output = '<OBJECT ID="Player" width='
output += DisplayWidth;
output += ' height=';
output += DisplayHeight;
output += ' CLASSID="CLSID:DE625294-70E6-45ED-B895-CFFA13AEB044" ';
output += 'CODEBASE="';
output += BaseURL;
output += 'activex/AMC.cab#version=3,20,18,0">';
output += '<PARAM NAME="MediaURL" VALUE="';
output += BaseURL;
output += File + '">';
output += '<param name="MediaType" value="mjpeg-unicast">';
output += '<param name="ShowStatusBar" value="1">';
output += '<param name="ShowToolbar" value="1">';
output += '<param name="AutoStart" value="1">';
output += '<param name="StretchToFit" value="1">';
output += '<BR><B>Axis Media Control</B><BR>';
output += 'The AXIS Media Control, which enables you ';
output += 'to view live image streams in Microsoft Internet';
output += ' Explorer, could not be registered on your computer.';
output += '<BR></OBJECT>';
}
else {
// If not IE for Windows use the browser itself to display
theDate = new Date();
output = '<IMG SRC="';
output += BaseURL;
output += File;
output += '&dummy=' + theDate.getTime().toString(10);
output += '" HEIGHT="';
output += DisplayHeight;
output += '" WIDTH="';
output += DisplayWidth;
output += '" ALT="Camera Image">';
}
// document.write(output);
document.getElementById(mondiv).innerHTML = output;
document.Player.ToolbarConfiguration = "play,+snapshot,+fullscreen"
// document.Player.UIMode = "MDConfig";
// document.Player.MotionConfigURL = "/axis-cgi/operator/param.cgi?ImageSource=0"
// document.Player.MotionDataURL = "/axis-cgi/motion/motiondata.cgi";
}

$("#BoutonCam").click(function(){
if(passé == false){
passé = true;
camera("camera");
document.getElementById("BoutonCam").value="Cacher la vidéo";
}
else{
passé = false;
document.getElementById("camera").innerHTML = '';
document.getElementById("BoutonCam").value="Afficher la vidéo";
}
});
</SCRIPT>

[/javascript]

oublie pas de creer le div camera

pour faire un echo du contenu d'une variable javascript dans un div faut utiliser

document.getElementById("mondiv").innerHTML = mavar;

Re: Ne pas executer un code.

Posté : 05 juin 2013, 12:01
par ghost5922
correction :p
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
</head>
<body>
       <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<div id="camera"></div><input type="button" id="BoutonCam" value="Afficher la vidéo"/>
        
          <SCRIPT LANGUAGE="JavaScript">
		  function camera(mondiv){

			  // Set the BaseURL to the URL of your camera
			  var BaseURL = "http://192.168.1.48/";  //http://192.168.1.48/
			  // DisplayWidth & DisplayHeight specifies the displayed width & height of the image.
			  // You may change these numbers, the effect will be a stretched or a shrunk image
			  var DisplayWidth = "700"; //700
			  var DisplayHeight = "900"; //900
			  // This is the path to the image generating file inside the camera itself
			  var File = "axis-cgi/mjpg/video.cgi?resolution=1920x1080";
			  // No changes required below this point
			  var output = "";
			  if ((navigator.appName == "Microsoft Internet Explorer" ) &&
				 (navigator.platform != "MacPPC" ) && (navigator.platform != "Mac68k" ))
			  {
				// If Internet Explorer under Windows then use ActiveX
				output  = '<OBJECT ID="Player" width='
				output += DisplayWidth;
				output += ' height=';
				output += DisplayHeight;
				output += ' CLASSID="CLSID:DE625294-70E6-45ED-B895-CFFA13AEB044" ';
				output += 'CODEBASE="';
				output += BaseURL;
				output += 'activex/AMC.cab#version=3,20,18,0">';
				output += '<PARAM NAME="MediaURL" VALUE="';
				output += BaseURL;
				output += File + '">';
				output += '<param name="MediaType" value="mjpeg-unicast">';
				output += '<param name="ShowStatusBar" value="1">';
				output += '<param name="ShowToolbar" value="1">';
				output += '<param name="AutoStart" value="1">';
				output += '<param name="StretchToFit" value="1">';
				output += '<BR><B>Axis Media Control</B><BR>';
				output += 'The AXIS Media Control, which enables you ';
				output += 'to view live image streams in Microsoft Internet';
				output += ' Explorer, could not be registered on your computer.';
				output += '<BR></OBJECT>';
			  } 
					  else {
				// If not IE for Windows use the browser itself to display
				theDate = new Date();
				output  = '<IMG SRC="';
				output += BaseURL;
				output += File;
				output += '&dummy=' + theDate.getTime().toString(10);
				output += '" HEIGHT="';
				output += DisplayHeight;
				output += '" WIDTH="';
				output += DisplayWidth;
				output += '" ALT="Camera Image">';
			  }
			 // document.write(output);
			  document.getElementById(mondiv).innerHTML = output;

			  document.Player.ToolbarConfiguration = "play,+snapshot,+fullscreen"
			  // document.Player.UIMode = "MDConfig";
			  // document.Player.MotionConfigURL = "/axis-cgi/operator/param.cgi?ImageSource=0"
			  // document.Player.MotionDataURL = "/axis-cgi/motion/motiondata.cgi";
		  }
		  
		  $("#BoutonCam").click(function(){
				if(document.getElementById("BoutonCam").value == "Afficher la vidéo"){
					document.getElementById("BoutonCam").value="Cacher la vidéo";
					   camera("camera");
					   
				}
				else{
					 document.getElementById("BoutonCam").value="Afficher la vidéo";
					  document.getElementById("camera").innerHTML = '';
					 
				}
		});
						
      </SCRIPT>
</body>
</html>

Re: Ne pas executer un code.

Posté : 05 juin 2013, 12:13
par Lyssorus
Arf zut, c'est presque parfait :p

En fait ça fonctionne, bien sauf que ça me vire ma page d'avant XD, j'aimerais conserver la page et que mon div camera s'affiche dessus quand je l'appel. Là le div camera remplace tout ^^'.

Après c'est peut être moi qui ai fait une boulette quelque part XD

Aller bon app' et merci ;)

Re: Ne pas executer un code.

Posté : 05 juin 2013, 12:15
par ghost5922
Normalement cela doit remplacer le contenu du div camera si tu mets tout le contenu dans ce div en effet cela va pas le faire :p

donc cela doit donne

<div id="contenu">
ma page blablba

<div di="camera"></div>
<input type="button" id="BoutonCam" value="Afficher la vidéo"/>

le reste de ma page blablabla

</div>

Re: Ne pas executer un code.

Posté : 05 juin 2013, 13:51
par Lyssorus
Ahhh oki, dans le deuxième je dois remettre tout le reste ^^'.

Re: Ne pas executer un code.

Posté : 05 juin 2013, 14:07
par ghost5922
Re,

je connais pas toute ta page mais test si ca marche pas poste tout le code de la page pour que je puise t'aider :)

Re: Ne pas executer un code.

Posté : 05 juin 2013, 15:20
par Lyssorus
Re,

Bon je me suis complétement pommé (le manque de sommeil n'aidant pas en plus... Désolé). J'ai tout retourner dans tout les sens, mais ça ne donne rien de beau (un vrai travail de sanglier !!)

Donc voici le code ^^'.

[Javascript]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Ici on appelle jquery depuis google -->
<script src="http://ajax.googleapis.com/ajax/libs/jq ... "></script>
<title>Page de test</title>
<script type="text/javascript">


var image = 'GappRPstopyel.jpg';
var size = 102936;
var time1 = 0;
var time2 = 0;
var vitesse = 0;
function start_test_vitesse()
{
document.getElementById("content").style.visibility="visible";
document.getElementById("erreur").style.visibility="hidden";
time1 = new Date();
time1 = time1.getTime();
var img = new Image();
img.src = image+'?'+time1;
img.onload=end_test_vitesse;
}
function end_test_vitesse()
{
var time2 = new Date();
time2 = time2.getTime();
var ms = time2-time1;
vitesse = Math.round(size/ms*100)/100;
document.getElementById('vitesse').value=vitesse+'ko/s';
if(vitesse<56){
alert("Votre connexion est trop lente, c'est un risque pour les personnes ainsi que le matériel.");
}
}

var passé = false;


$(document).ready(function () {



// ici on creer une fonction on lui passe un paramettre un id et un statut
function sendPhp(mot,valeur){
$.ajax({
type: "POST",//je dis a ajax d'envoiyer les donnees en post
data: {mot : mot,valeur : valeur}, //ici j'envoi les variable statut et id a fichier.php
url: "Commande1.php",//le fichier php
success:function(data){
//ici tu peux ajouter une image ou text pour dire que cela c'est bien passe
}
});

}
function switchImg(images,type){
var src=images.attr('src'); //on récupéré la valeur src de l'image actuelle
if(type == '1'){
if(src=='DP2.png'){ //si le src vos plus.png alors on initialise la variable img a moin.png
var img='DP1.png';
sendPhp('5','10');
}
else{//sinon elle vos plus.png
var img='DP2.png';
sendPhp('5','01');
}

}
if(type == '2'){
if(src=='AU.png'){ //si le src vos plus.png alors on initialise la variable img a moin.png
var img='AU1.png';
sendPhp('2','00');
}
}
if(type == '3'){
if(src=='AU1.png'){ //si le src vos plus.png alors on initialise la variable img a moin.png
var img='AU.png';
sendPhp('2','11');
}
}
images.attr("src", img); //on modifie le src par la nouvelle valeur
}

$(".gaucheTete").mouseup(function(){
sendPhp('3','00');
}).mousedown(function(){
sendPhp('3','10');
}).mousemove(function(){
sendPhp('3','00');
});

$(".droiteTete").mouseup(function(){
sendPhp('3','00');
}).mousedown(function(){
sendPhp('3','01');
}).mousemove(function(){
sendPhp('3','00');
});

function removeclass(){
$("#action1").removeClass('activer');
$("#action2").removeClass('activer');
}

$("#action1").click(function() {
$("#action1").addClass("activer");
setTimeout(removeclass,2000);
if($("#action2").hasClass("activer")==true){
sendPhp('4','11');
setTimeout(sendPhp,5000,'4','00');
}

});

$("#action2").click(function() {
$("#action2").addClass("activer");
setTimeout(removeclass,2000);
if($("#action1").hasClass("activer")==true){
sendPhp('4','11');
setTimeout(sendPhp,5000,'4','00');
}
});

$(".plusoumoins").mouseup(function(){
switchImg($(this),1);//on appelle la fonction et on lui donne en paramètre l'objet
});

$(".AU").mousedown(function(){
switchImg($(this),2);
});

$(".AUrelache").mouseup(function(){
switchImg($(".AU"),3);//on appelle la fonction et on lui donne en paramètre l'objet
});
function char($text)
{
$text = htmlentities($text, ENT_NOQUOTES, "UTF-8");
$text = htmlspecialchars_decode($text);
return $text;
}

$("#BoutonCam").click(function(){
if(passé == false){
passé = true;
camera("camera");
document.getElementById("BoutonCam").value="Cacher la vidéo";
}
else{
passé = false;
document.getElementById("camera").innerHTML = '';
document.getElementById("BoutonCam").value="Afficher la vidéo";
}
});

});

</script>
</head>

<body onload="javascript:start_test_vitesse();" onfocus="javascript:start_test_vitesse();">


<?
mysql_connect("localhost","user","");
mysql_select_db("test");

$sql = 'SELECT Valeurs FROM mots WHERE ID = 5';
$mot5 = mysql_query($sql);
$row5 = mysql_fetch_row($mot5);
$sql = 'SELECT Valeurs FROM mots WHERE ID = 2';
$mot2 = mysql_query($sql);
$row2 = mysql_fetch_row($mot2);

mysql_close();
?>
<!--
ici je mets une image je mets une class car plus facile pour ecouter les evenements si il en a plusieurs
et je mets un id qui n'ai pas top car un id ne peu pas commence par un numerique puis ne peu pas etre un doublons mais bon ici je c'est sur element jouer
-->
<iframe src="../test/lecture.php" width="420" height="30"></iframe>

<table>
<tr>
<td>
<div id="erreur">Javascript est désactivé. Vous devez l'activer pour utiliser la commande.</div>
<div id ="content" style="width:1100px; height:720px; visibility:hidden;" > <!-- test -->

<!-- Affichage des images -->
<?
if($row2['0'] == 11){
echo '<img src="AU.png" id="AU" class="AU" style="float:left; margin:0;"/>';
}else{
echo '<img src="AU1.png" id="AU" class="AU" style="float:left; margin:0;"/>';
}
?>
<img src="PoussoireV.png" id="action1" class="" style="float:left; margin:0;"/>
<img src="G.png" id="1" class="gaucheTete" style="float:left; margin:0;"/>
<img src="D.png" id="1" class="droiteTete" style="float:left; margin:0;"/>
<?
if($row5['0'] == 10){
echo '<img src="DP1.png" id="1" class="plusoumoins" style="float:left; margin:0;"/>';
}else{
echo '<img src="DP2.png" id="1" class="plusoumoins" style="float:left; margin:0;"/>';
}
?>
<img src="Logo.png" id="1" class="" style="float:left; margin:0;"/>
<img src="PoussoireV2.png" id="action2" class="" style="float:left; margin:0;"/>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<img src="AUrelache.jpg" id="1" class="AUrelache" align="center"/>Relacher l'arrêt d'urgence
<br><br><br><br />
<input type="button" id="BoutonCam" value="Afficher vidéo" />
</div>

</td>
<td>
<div id="camera">
<input type="button" id="BoutonCam" value="Afficher vidéo" />
<!-- Affichage de la camera -->
<SCRIPT LANGUAGE="JavaScript">
function camera(){

<?
if($row2['0'] == 11){
echo '<img src="AU.png" id="AU" class="AU" style="float:left; margin:0;"/>';
}else{
echo '<img src="AU1.png" id="AU" class="AU" style="float:left; margin:0;"/>';
}
?>
<img src="PoussoireV.png" id="action1" class="" style="float:left; margin:0;"/>
<img src="G.png" id="1" class="gaucheTete" style="float:left; margin:0;"/>
<img src="D.png" id="1" class="droiteTete" style="float:left; margin:0;"/>
<?
if($row5['0'] == 10){
echo '<img src="DP1.png" id="1" class="plusoumoins" style="float:left; margin:0;"/>';
}else{
echo '<img src="DP2.png" id="1" class="plusoumoins" style="float:left; margin:0;"/>';
}
?>
<img src="Logo.png" id="1" class="" style="float:left; margin:0;"/>
<img src="PoussoireV2.png" id="action2" class="" style="float:left; margin:0;"/>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<img src="AUrelache.jpg" id="1" class="AUrelache" align="center"/>Relacher l'arrêt d'urgence
<br><br><br><br />
<input type="button" id="BoutonCam" value="Afficher vidéo" />
</div>

</td>
<td>
<!-- Affichage de la camera -->

// Set the BaseURL to the URL of your camera
var BaseURL = "http://192.168.1.48/";
// DisplayWidth & DisplayHeight specifies the displayed width & height of the image.
// You may change these numbers, the effect will be a stretched or a shrunk image
var DisplayWidth = "700"; //700
var DisplayHeight = "900"; //900
// This is the path to the image generating file inside the camera itself
var File = "axis-cgi/mjpg/video.cgi?resolution=1920x1080";
// No changes required below this point
var output = "";
if ((navigator.appName == "Microsoft Internet Explorer" ) &&
(navigator.platform != "MacPPC" ) && (navigator.platform != "Mac68k" ))
{
// If Internet Explorer under Windows then use ActiveX
output = '<OBJECT ID="Player" width='
output += DisplayWidth;
output += ' height=';
output += DisplayHeight;
output += ' CLASSID="CLSID:DE625294-70E6-45ED-B895-CFFA13AEB044" ';
output += 'CODEBASE="';
output += BaseURL;
output += 'activex/AMC.cab#version=3,20,18,0">';
output += '<PARAM NAME="MediaURL" VALUE="';
output += BaseURL;
output += File + '">';
output += '<param name="MediaType" value="mjpeg-unicast">';
output += '<param name="ShowStatusBar" value="1">';
output += '<param name="ShowToolbar" value="1">';
output += '<param name="AutoStart" value="1">';
output += '<param name="StretchToFit" value="1">';
output += '<BR><B>Axis Media Control</B><BR>';
output += 'The AXIS Media Control, which enables you ';
output += 'to view live image streams in Microsoft Internet';
output += ' Explorer, could not be registered on your computer.';
output += '<BR></OBJECT>';
}
else {
// If not IE for Windows use the browser itself to display
theDate = new Date();
output = '<IMG SRC="';
output += BaseURL;
output += File;
output += '&dummy=' + theDate.getTime().toString(10);
output += '" HEIGHT="';
output += DisplayHeight;
output += '" WIDTH="';
output += DisplayWidth;
output += '" ALT="Camera Image">';
}
document.write(output);
document.Player.ToolbarConfiguration = "play,+snapshot,+fullscreen"
</SCRIPT>
</div>
</td>
</tr>
<tr>
<td>
Vitesse de connexion: <input type="text" id="vitesse" size="27" /><input type="button" value="Tester" onclick="javascript:start_test_vitesse();" />
</td>
<td>

</td>
</tr>
</table>
</body>
</html>
[/Javascript]

Merci encore

Re: Ne pas executer un code.

Posté : 05 juin 2013, 15:53
par ghost5922
Re,

essaie quelque chose comme ca
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Ici on appelle jquery depuis google -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<title>Page de test</title>

 <!-- Affichage de la camera -->
          <SCRIPT LANGUAGE="JavaScript">
                  function camera(mondiv){

                          // Set the BaseURL to the URL of your camera
                          var BaseURL = "http://192.168.1.48/";  //http://192.168.1.48/
                          // DisplayWidth & DisplayHeight specifies the displayed width & height of the image.
                          // You may change these numbers, the effect will be a stretched or a shrunk image
                          var DisplayWidth = "700"; //700
                          var DisplayHeight = "900"; //900
                          // This is the path to the image generating file inside the camera itself
                          var File = "axis-cgi/mjpg/video.cgi?resolution=1920x1080";
                          // No changes required below this point
                          var output = "";
                          if ((navigator.appName == "Microsoft Internet Explorer" ) &&
                                 (navigator.platform != "MacPPC" ) && (navigator.platform != "Mac68k" ))
                          {
                                // If Internet Explorer under Windows then use ActiveX
                                output  = '<OBJECT ID="Player" width='
                                output += DisplayWidth;
                                output += ' height=';
                                output += DisplayHeight;
                                output += ' CLASSID="CLSID:DE625294-70E6-45ED-B895-CFFA13AEB044" ';
                                output += 'CODEBASE="';
                                output += BaseURL;
                                output += 'activex/AMC.cab#version=3,20,18,0">';
                                output += '<PARAM NAME="MediaURL" VALUE="';
                                output += BaseURL;
                                output += File + '">';
                                output += '<param name="MediaType" value="mjpeg-unicast">';
                                output += '<param name="ShowStatusBar" value="1">';
                                output += '<param name="ShowToolbar" value="1">';
                                output += '<param name="AutoStart" value="1">';
                                output += '<param name="StretchToFit" value="1">';
                                output += '<BR><B>Axis Media Control</B><BR>';
                                output += 'The AXIS Media Control, which enables you ';
                                output += 'to view live image streams in Microsoft Internet';
                                output += ' Explorer, could not be registered on your computer.';
                                output += '<BR></OBJECT>';
                          } 
                                          else {
                                // If not IE for Windows use the browser itself to display
                                theDate = new Date();
                                output  = '<IMG SRC="';
                                output += BaseURL;
                                output += File;
                                output += '&dummy=' + theDate.getTime().toString(10);
                                output += '" HEIGHT="';
                                output += DisplayHeight;
                                output += '" WIDTH="';
                                output += DisplayWidth;
                                output += '" ALT="Camera Image">';
                          }
                         // document.write(output);
                          document.getElementById(mondiv).innerHTML = output;

                          document.Player.ToolbarConfiguration = "play,+snapshot,+fullscreen"
                          // document.Player.UIMode = "MDConfig";
                          // document.Player.MotionConfigURL = "/axis-cgi/operator/param.cgi?ImageSource=0"
                          // document.Player.MotionDataURL = "/axis-cgi/motion/motiondata.cgi";
                  }
      </SCRIPT>

<script type="text/javascript">


            var image = 'GappRPstopyel.jpg';
            var size = 102936;
            var time1 = 0;
            var time2 = 0;
                        var vitesse = 0;
            function start_test_vitesse()
            {
                                document.getElementById("content").style.visibility="visible";
                                document.getElementById("erreur").style.visibility="hidden";
                time1 = new Date();
                time1 = time1.getTime();
                var img = new Image();
                img.src = image+'?'+time1;
                img.onload=end_test_vitesse;
            }
            function end_test_vitesse()
            {
                var time2 = new Date();
                time2 = time2.getTime();
                var ms = time2-time1;
                vitesse = Math.round(size/ms*100)/100;
                document.getElementById('vitesse').value=vitesse+'ko/s';
                                if(vitesse<56){
                                        alert("Votre connexion est trop lente, c'est un risque pour les personnes ainsi que le matériel.");
                                }
            }
        
var passé = false;


$(document).ready(function () {


                
        // ici on creer une fonction on lui passe un paramettre un id et un statut
        function sendPhp(mot,valeur){
          $.ajax({
                  type: "POST",//je dis a ajax d'envoiyer les donnees en post
                  data: {mot : mot,valeur : valeur},  //ici j'envoi les variable statut et id a fichier.php
                  url: "Commande1.php",//le fichier php
                  success:function(data){
                                  //ici tu peux ajouter une image ou text pour dire que cela c'est bien passe
                  }
          });
                          
        }
                function switchImg(images,type){
                var src=images.attr('src');  //on récupéré la valeur src de l'image actuelle
                if(type == '1'){
                                        if(src=='DP2.png'){  //si le src vos plus.png alors on initialise la variable img a moin.png
                           var img='DP1.png';
                                                        sendPhp('5','10');
                        }
                        else{//sinon elle vos plus.png
                                var img='DP2.png';
                                                        sendPhp('5','01');                    
                        }
                        
                        }
                                if(type == '2'){
                                        if(src=='AU.png'){  //si le src vos plus.png alors on initialise la variable img a moin.png
                        var img='AU1.png';
                                                sendPhp('2','00');
                        }
                                }
                                if(type == '3'){
                                         if(src=='AU1.png'){  //si le src vos plus.png alors on initialise la variable img a moin.png
                        var img='AU.png';
                                                sendPhp('2','11');
                        }
                                }
                                images.attr("src", img);  //on modifie le src par la nouvelle valeur
                        }
                        
                        $(".gaucheTete").mouseup(function(){
                                sendPhp('3','00');
                        }).mousedown(function(){
                                sendPhp('3','10');
                        }).mousemove(function(){
                                sendPhp('3','00');
                        });
                        
                        $(".droiteTete").mouseup(function(){
                                sendPhp('3','00');
                        }).mousedown(function(){
                                sendPhp('3','01');
                        }).mousemove(function(){
                                sendPhp('3','00');
                        });
                        
                        function removeclass(){
                                $("#action1").removeClass('activer');
                                $("#action2").removeClass('activer');
                        }
                        
                        $("#action1").click(function() {
                $("#action1").addClass("activer");
                                setTimeout(removeclass,2000);
                if($("#action2").hasClass("activer")==true){
                        sendPhp('4','11');
                                                setTimeout(sendPhp,5000,'4','00');      
                }

                });
                        
                $("#action2").click(function() {
                $("#action2").addClass("activer");
                                setTimeout(removeclass,2000);
                if($("#action1").hasClass("activer")==true){
                        sendPhp('4','11');
                                                setTimeout(sendPhp,5000,'4','00');
                }
                });
                        
                        $(".plusoumoins").mouseup(function(){
                switchImg($(this),1);//on appelle la fonction et on lui donne en paramètre l'objet
                });
                        
                        $(".AU").mousedown(function(){
                switchImg($(this),2);      
                        });
                        
                        $(".AUrelache").mouseup(function(){
                switchImg($(".AU"),3);//on appelle la fonction et on lui donne en paramètre l'objet
                });
                        function char($text)
                                {
                                $text = htmlentities($text, ENT_NOQUOTES, "UTF-8");
                                $text = htmlspecialchars_decode($text);
                                return $text;
                                }
                        
                       $("#BoutonCam").click(function(){
                                if(document.getElementById("BoutonCam").value == "Afficher la vidéo"){
                                        document.getElementById("BoutonCam").value="Cacher la vidéo";
                                           camera("camera");
                                           
                                }
                                else{
                                         document.getElementById("BoutonCam").value="Afficher la vidéo";
                                          document.getElementById("camera").innerHTML = '';
                                         
                                }
                });
 
});



</script>
</head>

<body onload="javascript&#058;start_test_vitesse();" onfocus="javascript&#058;start_test_vitesse();">


<?
mysql_connect("localhost","user",""); 
mysql_select_db("test");

$sql = 'SELECT Valeurs FROM mots WHERE ID = 5';
$mot5 = mysql_query($sql);
$row5 = mysql_fetch_row($mot5);
$sql = 'SELECT Valeurs FROM mots WHERE ID = 2';
$mot2 = mysql_query($sql);
$row2 = mysql_fetch_row($mot2);

mysql_close(); 
?>
<!--
ici je mets une image je mets une class car plus facile pour ecouter les evenements si il en a plusieurs
et je mets un id qui n'ai pas top car un id ne peu pas commence par un numerique puis ne peu pas etre un doublons mais bon ici je c'est sur element jouer
-->
<iframe src="../test/lecture.php" width="420" height="30"></iframe>

<table>
  <tr>
    <td>
    <div id="erreur">Javascript est désactivé. Vous devez l'activer pour utiliser la commande.</div>
    <div id ="content" style="width:1100px; height:720px; visibility:hidden;" > <!-- test -->
    
      <!-- Affichage des images -->
      <?
                if($row2['0'] == 11){
                        echo '<img src="AU.png" id="AU" class="AU" style="float:left; margin:0;"/>';
                }else{
                        echo '<img src="AU1.png" id="AU" class="AU" style="float:left; margin:0;"/>';
                }
          ?>
      <img src="PoussoireV.png" id="action1" class="" style="float:left; margin:0;"/>
      <img src="G.png" id="1" class="gaucheTete" style="float:left; margin:0;"/>
      <img src="D.png" id="1" class="droiteTete" style="float:left; margin:0;"/>
      <?
                if($row5['0'] == 10){
                echo '<img src="DP1.png" id="1" class="plusoumoins" style="float:left; margin:0;"/>';
                }else{
                        echo '<img src="DP2.png" id="1" class="plusoumoins" style="float:left; margin:0;"/>';
                }
          ?>
      <img src="Logo.png" id="1" class="" style="float:left; margin:0;"/>
      <img src="PoussoireV2.png" id="action2" class="" style="float:left; margin:0;"/>
      <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
      <img src="AUrelache.jpg" id="1" class="AUrelache" align="center"/>Relacher l'arrêt d'urgence
      <br><br><br><br />
      <input type="button" id="BoutonCam" value="Afficher vidéo" />
      </div>
      
    </td>
    <td>
    <div id="camera2">
     <input type="button" id="BoutonCam" value="Afficher vidéo" />
      <?
                if($row2['0'] == 11){
                        echo '<img src="AU.png" id="AU" class="AU" style="float:left; margin:0;"/>';
                }else{
                        echo '<img src="AU1.png" id="AU" class="AU" style="float:left; margin:0;"/>';
                }
          ?>
      <img src="PoussoireV.png" id="action1" class="" style="float:left; margin:0;"/>
      <img src="G.png" id="1" class="gaucheTete" style="float:left; margin:0;"/>
      <img src="D.png" id="1" class="droiteTete" style="float:left; margin:0;"/>
      <?
                if($row5['0'] == 10){
                echo '<img src="DP1.png" id="1" class="plusoumoins" style="float:left; margin:0;"/>';
                }else{
                        echo '<img src="DP2.png" id="1" class="plusoumoins" style="float:left; margin:0;"/>';
                }
          ?>
      <img src="Logo.png" id="1" class="" style="float:left; margin:0;"/>
      <img src="PoussoireV2.png" id="action2" class="" style="float:left; margin:0;"/>
      <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
      <img src="AUrelache.jpg" id="1" class="AUrelache" align="center"/>Relacher l'arrêt d'urgence
      <br><br><br><br />
      <input type="button" id="BoutonCam" value="Afficher vidéo" />
      </div>
      
    </td>
    <td>
      <div id="camera"></div>
    </td>
  </tr>
  <tr>
    <td>
          Vitesse de connexion: <input type="text" id="vitesse" size="27" /><input type="button" value="Tester" onclick="javascript&#058;start_test_vitesse();" />
    </td>
    <td>
    
    </td>
  </tr>
</table>
</body>
</html>
 

Re: Ne pas executer un code.

Posté : 05 juin 2013, 16:08
par Lyssorus
Bon en virant le <div id="camera2"> (qui faisait que j'avais tout en double à l'écran) ça fonctionne.

Au chargement de la page, apparemment ça ne charge plus rien de la camera, ce qui est très bien.

Par contre si on affiche la camera une fois et qu'on la vire ensuite, là le trafic persiste.

Enfin au pire je fait recharger la page lors du clic sur cacher caméra :p

Re: Ne pas executer un code.

Posté : 05 juin 2013, 16:12
par ghost5922
oui je pense que ça va être le plus simple car je pense que lorsque vide le div cela arrêter la function mais a priori non a part si d'autre personne qui maîtrise mieux le javascript que moi :)

Re: Ne pas executer un code.

Posté : 05 juin 2013, 16:38
par Lyssorus
Bah écoute, avec un bon ptit [javascript]location.reload();[/javascript] ça fonctionne nickel :)

Donc...

#include<respect.h>

while(1){
merci++; // Encore une fois merci.
}


Avec la tête dans l'

Code : Tout sélectionner

code
que j'ai aujourd'hui, c'était dure de réfléchir :idea: ...

Heureusement jamais tu ne <balise>, tu as surement eu l'
echo 
divin !

Tu devrais devenir chasseur de cafards car avec toi les bugs ne font pas de vieux OS (surtout sous 95).

Bon c'est la fatigue, je crois que je délire un peu ^^'

En bref, merci M'sieur.

Encore une victoire de Canard !