signature PAD jquery IE

**HWICE** · 25/05/2012, 22h42

Bonjour a tous

Presentement je travail sur un WorkSheet. Je dois intégrer une case a signer. J'ai trouver un bien interressant qui utilise jquery. Quand je fais mes test tout fonctionne bien. Bien sur je parle de IE. Mais quand j'appele la page dans un include_once (de php) la fenetre pour signer n'apparais pas.

Par ex:

test.php avec toute la programation et les includes des javascript. IE ok !
index.php ---> include_once 'test.php' IE FaiL

Est-ce que javascript et jquery passe pas dans un include

Ah oui voici le signature Pad : http://thomasjbradley.ca/lab/signature-pad/

Un grand merci pour votre aide

**sekaijin** · 26/05/2012, 12h13

je ne pige pas pourquoi tu veux demander à PHP d'interpréter du code javascript ???

tu mets <script src=... dans tonHTML et ton javascript sera inclus automatiquement par le navigateur que vient faire php dans cette affaire ?

A+JYT

**HWICE** · 26/05/2012, 13h24

en fais mon.... regarde bien

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<body>
 
 		<table width="100%" height="100%">
  <tr style="vertical-align: top">
    <td align="center" style="vertical-align: top"><table width="1000" height="600" class="border" id="border" >
        <tr style="vertical-align: top">
          <td style="vertical-align: top"> 
          <div id="topcontent"><p align="right"><span id="date_heure"><script type="text/javascript">window.onload = date_heure('date_heure');</script></span></div>	
          <div id="menugauche"><? include_once('menu.php');?></div>
 
          <div id="content">
<? if ($_GET['page']==''){
 include_once('accueil.php');
}
else{
	include_once(''.$_GET['page'].'.php');
}
?>
 
 </div>

Mon index.php est construit ainsi. En appelant ma page ws.php, que je place dans mon div "content", la programation en js ne fonctionne plus (http://monsite.com/?page=ws). Mais si j'ouvre simplement la page ws.php (http://monsite.com/ws.php) elle fonctionne. Tout fonctionne dans les autre navigateur, sauf sur IE

merci

**sekaijin** · 26/05/2012, 14h05

ton probl§ème n'a rien a voir avec javascript
c'est pb HTML

lorsque tu fais http://monsite.com/ws.php

tu produit un source HTML qui est un document DOM
j'imagine car on a pas le source que dans celui-ci ton js est exécuté avec un <body onload=""> ou un code équivalent

or lorsque tu fait
http://monsite.com/?page=ws
tu produit un dodument DOM à partir de

Code html :

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

1
2
3
4
5
6
7
<body>
   <table width="100%" height="100%">
...
      <div id="content">
          <html>
...
            <body onload=""...

HTML ne permet pas d'inclure une page dans une autre. du coupp lorsque ton navigateur interprète ton source html il produit un DOM auquel il a retiré les tag parasites.
suivant la navigateur (le moteur HTML) la façon de traiter ses TAGs interdit.
si donc ton navigateur utilise la stratégie de ne pas interprétés les TAGs interdit il va supprimer le
<body onload=""

c'est de toute façon une mauvaise architecture que d'inclire des pages html les une dans les autres en php. je te conseille de fermer ce posts et de reformuler ta question sur le forum php.

en demandant comment gérer des partie de pages dans une page (et non pas des pages dans d'autres)

A+JYT

**HWICE** · 26/05/2012, 14h49

Merci pour ta reponse.

Dans mon fichier ws.php il n'y a pas de balise <html> ni de <body>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<link href="css/DCO.css" rel="stylesheet" type="text/css">
<div id="ws_full">
  <div id="ws_top"><img src="images/ws_top_client.jpg" width="845" height="100"></div>
  <div id="ws_joba"  class="arrondi">
    <table width="100%" height="100%">
      <tr >
        <td width="10%" height="70" rowspan="3"><img src="images/job_at.png"></td>
        <td width="90%">f</td>
      </tr> <tr>
    <td colspan="2"><form method="post" action="capture_signature.php" class="sigPad">
 
		  <div class="sig sigWrapper">
			<canvas class="pad" style="background:#999" width="275" height="90"></canvas>
			<input type="hidden" name="output" class="output">
		  </div>
 
		</form>
</td>
    </tr>
  </table>
</div>
  <div id="ws_accept" class="arrondi"><img src="images/ws_legal.png" width="435" height="259"><br />
<div align="left"><img src="images/ws_accept.png" width="77" height="29" /></div></div>
  <div id="ws_bottom" class="arrondi">bo</div>
    <div id="submit">
			<button name="submit" type="submit">Submit Signature</button>
		  </div>
</div><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="build/flashcanvas.js"></script>
<script type="text/javascript" src="build/json2.min.js"></script>
<script type="text/javascript" src="js/function.js"></script>
<script type="text/javascript" src="build/jquery.signaturepad.min.js"></script>

????

**HWICE** · 26/05/2012, 16h14

J'ai trouver. Pour activer le HTML 5 si IE9 il faut placer la balise <!doctype html> sur la premiere ligne du document, rien avant. Chose stupide. Je l'avais placer mais j'avais du code php avant et une balise de css aussi. Comme tu disais le document effacais les balises en double et ne prenais pas en consideration la balise doctype

Merci pour ton aide

signature PAD jquery IE

JavaScript

Discussions similaires

Partager

Partager