Discussion :

[nicolas8]

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
33
34
35
36
37
38
39
40
41
42
43
44
 
 
//Formulaire où je fais appel à ma fonction javascript
<form action="search.php" name="itemForm" id="itemForm" method="get" onsubmit="return ap_showWaitMessage('waitDiv', 1);">
    <input name="do_search" type="hidden" value=$searchord  "Search" />
        <table cellspacing="3" border="0">
        <tr>
                <td><span style="text">{$smarty.const.LA_SEARCH}</span></td>
                <td><input id="searchword" name="searchword" size="25" class="txt" value="{$categories[0].SEARCHWORD}" /></td>
        </tr>
 
        <tr>
                <td colspan="2"><input type="submit" class="button" id="bouton" name="do_search" value="{$smarty.const.LA_SEARCH}" /></div></td>
        </tr>
</table>
</form>
 
//je fais appel à mon div
 
<div id="waitDiv" style="position:absolute; visibility:hidden; left:300; top:300; text-align: center">
         <table cellpadding="6" cellspacing="0" >
                <tr>
                        <td align="center">
                                Chargement...<br />
                                <img src="layout_images/chargement.gif" />
                                <br />Patientez...
                        </td>
                <tr>
        </table>
</div>
 
//Le javascript 
 
function ap_getObj(name)
{
                return document.getElementById(name).style;
}
 
function ap_showWaitMessage(div, flag)
{
        var x = ap_getObj(div);
        x.visibility = (flag) ? 'visible':'hidden'
        return true;
}

[SpaceFrog]

et il y a une question ?

[nicolas8]

Oups désolé : ma question est comment cacher mon image gif animée sans la figer auparavant (sans préciser "visibility:hidden", mon image s'anime sans problème). J'ai essayé de mettre display:none à la place et j'ai toujours le même problème.

Merci

[SpaceFrog]

redefinis le src après avoir rendu le display ?

[nicolas8]

Je ne suis pas sûr de bien avoir compris.

Je définis le src dans ma fonction javascript?

Code :

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

1
2
3
4
5
6
7
function ap_showWaitMessage(div, flag)
{
        var x = ap_getObj(div);
        x.display = (flag) ? 'block':'none'
        document.getElementById(id).innerHTML.src="chargement.gif";
        return true;
}

Code html :

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

<div id="waitDiv" style="position:absolute; visibility:hidden; left:300; top:300; text-align: center">

[SpaceFrog]

oui au besoin avec un timestamp en paramètre de l'url ...

[nicolas8]

J'ai essayé avec ma nouvelle version et plus rien ne s'affiche.
Je ne vois pas à quoi sert timestamp dans mon script et quelle en est la syntaxe.

Code :

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

document.getElementById(id).innerHTML.src="chargement.gif"(timestamp?);

[E.Bzz]

Bonjour,

Je ne vois pas à quoi sert timestamp

un timestamp et un paramètre que l'on ajoute à l'url et qui n'aura jamais la même valeur. On utilise généralement la date système (jusqu'aux millisecondes).

Le but est que l'url appelée ne soit jamais la même (alors que l'on cible le même fichier), ceci afin d'éviter un appel au cache.

A+

[Auteur]

bonsoir,

dans ce sujet il y a deux discussions mêlées mais il y a la réponse :
http://www.developpez.net/forums/d64...blier-tableau/
lis les échanges entre Sub0 et moi

[nicolas8]

Merci beaucoup pour les explications et merci pour le lien je vais analyser ça pour que mon script fonctionne

[nicolas8]

J'ai finalement adapté le script de Auteur, mon image gif s'anime bien quand je clique sur mon bouton de recherche. Le petit soucis est que l'image ne s'anime pas quand je valide en appuyant sur entrée. Que dois-je modifier pour que cela fonctionne? Encore merci

Voici mon nouveau script :

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
33
34
35
36
37
38
 
<body>
 
{php}
 if(isset($_GET)) sleep(0);
{/php}
 
<table border="0" width="100%" cellspacing="0" cellpadding="10">
<tr>
    <td width="100%">
    <form id="formulaire" name="itemForm" id="itemForm"  method="get" action="search.php" onsubmit="gestionGif('ti')">
 
         <input name="do_search" type="hidden" value=$searchord  "Search" />
        <table cellspacing="3" border="0">
        <tr>
                <td><span style="text">{$smarty.const.LA_SEARCH}</span> </td>
                <td><input id="searchword" name="searchword" size="25" class="txt" value="{$categories[0].SEARCHWORD}" /></td>
        </tr>
 
        <tr>
                <td colspan="2"><input type="button" class="button"  name="do_search" value="{$smarty.const.LA_SEARCH}" onclick="envoiFormulaire();gestionGif('ti')"/></td>
 
        </tr>
</table>
</form>
 
</body>
<div id="ti" style="visibility:hidden">
     <table cellpadding="6" cellspacing="0" >
                <tr>
                        <td align="center">
                                Chargement...<br />
                                <img id="image" src="chargement.gif" alt=""/>
                                <br />Patientez...
                        </td>
                <tr>
        </table>
</div>

[SpaceFrog]

un form est soumis avec la touche entrée lorsque c'est un bouton submit ou image

[nicolas8]

Oui mais justement avec ie lorque l'on fait un submit, l'animation gif se fige.
Du coup je fais appel à une autre fonction javascript "envoiFormulaire" où je réalise un submit.

Code :

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

1
2
3
4
5
 
function envoiFormulaire()
{
    document.getElementById("formulaire").submit();
}

Si il n'y a pas de solutions pour cela, y-a t-il un moyen pour que lorsque j'appuie sur entrée, ce soit mon boutton rechercher qui soit sélectionné?