[DOM] Inclure un script

Bonjour,

Je bute sur le même problème depuis des jours..

Je développe une appli d'entreprise sous forme d'interface web, avec l'utilisation d'Ajax via la librairie prototype (evalScripts activé) pour le chargement du contenu. J'utilise aussi Smarty pour séparer l'applicatif de la présentation.

Mon problème :
Sous IE comme FF, lorsque j'insère ce morceau de code

Code:

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<link rel="stylesheet" type="text/css" href="/css/date.css" />
<table class="ds_box" cellpadding="0" cellspacing="0" id="ds_conclass" style="display:none;">
<tr><td id="ds_calclass"></td></tr>
</table>
<script type="text/javascript" src="/js/dt_form.js"></script>
<script type="text/javascript" src="/js/DatePicker.js"></script>

<h1>R&eacute;diger une DT</h1>

<form name="dt_form1" method="POST" action="/dt/dt_form.php">
    <div class="form_block">
    <table rules="none" width="90%" border="0">
        <tr><td><span class="label">Demandeur : </span></td><td>{$demandeur}<input type="hidden" name="dem" value="{$demandeur}"/></td></tr>
        <tr><td><span class="label">Date : </span></td><td>{$datedem}<input type="hidden" name="datedem" value="{$datedem}"/></td></tr>
        <tr><td><span class="label">Heure : </span></td><td>{$heure}<input type="hidden" name="heuredem" value="{$heure}"/></td></tr>
    </table>
    </div>

    <div class="form_block">
    <table rules="none" width="90%" border="0">
        <tr><td><span class="label">Imputation : </span></td>
            <td><select class="champ" name="select_imput">
                {html_options values=$imput_index selected=$imput_selected output=$imput}
            </select></td>
        </tr>
        <tr><td><span class="label">Support : </span></td>
            <td><select class="champ" name="select_support">
                {html_options values=$support_index selected=$support_selected output=$support}
            </select></td>
        </tr>
        <tr><td colspan="2"><div id="support">support</div></td></tr>
    </table>
    </div>

    <div class="form_block">
    <table rules="none" width="90%" border="0">
        <tr><td><span class="label">Date délai : </span></td><td><input name="datedelai" value="cliquez..." type="text" size="10" maxlength="10" onclick="ds_sh(this);" onfocus="ds_sh(this);" /></td></tr>
    </table>
    </div>

    <div class="form_block">
        <span class="label">Types de Travaux : </span>
        <div>   {section name=id_tt loop=$typtrav}
                <label><input type="checkbox" value="{$smarty.section.id_tt.index}" name="typtrav[]" id="typtrav_{$smarty.section.id_tt.index}"></input>{$typtrav[id_tt]}</label>
                {/section}
        </div>
    </div>

    <div class="form_block">
    <table rules="none" width="90%" border="0">
        <tr><td><span class="label">Nature : </span></td><td><input name="nature" type="text" size="100" maxlength="80" /></td></tr>
        <tr><td><span class="label">Objectif : </span></td><td><input name="objectif" type="text" size="100" maxlength="80" /></td></tr>
    </table>
    </div>
    
    <!-- cet input caché sert à transmettre l'étape de remplissage du formulaire-->
    <input type="hidden" name="form_state" value="dt_form1" />
    
    <table rules="none" border="0" style="width:760px;margin-top:30px;">
        <tr><td></td><td style="text-align:right"><a href="#" onclick="dt1_submit()">Etape suivante</a></td></tr>
    </table>
    
</form>

aucun des scripts n'apparaît dans le DOM (Firebug et IE ToolBar). Le reste est inséré normalement. Je suis obligé d'insérer ces scripts dans le body...

Quand je regarde la source de la page dans IE ou FF, j'ai :

Code:

1
2
3
4
5
6
7
8
<link rel="stylesheet" type="text/css" href="/css/date.css" />
<table class="ds_box" cellpadding="0" cellspacing="0" id="ds_conclass" style="display:none;">
<tr><td id="ds_calclass"></td></tr>
</table>
<h1>R&eacute;diger une DT</h1>
<form name="dt_form1" method="POST" action="/dt/dt_form.php">
    <div class="form_block">
.......

Je désespère !!

en dehors des questions de moment de chargement, pourquoi ne peux-tu pas créer les noeuds <script> dans le head à l'aide des fonctions DOM de JavaScript, lors du chargement du contenu ?

ça marche si j'insère mon script directement, entre 2 balises {literal} (smarty)..

Citation:

Envoyé par yjuliet

en dehors des questions de moment de chargement, pourquoi ne peux-tu pas créer les noeuds <script> dans le head à l'aide des fonctions DOM de JavaScript, lors du chargement du contenu ?

je vais essayer...

si je fais un truc comme :
Code:

1 2 3 4 5 var head = document.getElementByTagName('head'); var newscript = createElement('script'); newscript.type = 'text/javascript'; newscript.src = 'js/DatePicker.js'; head.appendChild(newscript);
ça passe ça ? je savais pas qu'on pouvait ajouter un élément au head en fait...

Code:

1
2
3
4
5
var head = document.getElementsByTagName('head')[0];
var newscript = document.createElement('script');
newscript.type = 'text/javascript';
newscript.src = 'js/DatePicker.js';
head.appendChild(newscript);

Comme ça c'est bon !
Merci yjuliet !