Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement Langage JavaScript problème d'affichage par dessus un formulaire

problème d'affichage par dessus un formulaire

1 réponse
Avatar
greg
hello

J'ai un formulaire qui permet à un utilisateur de saisir un message (genre
mail) et d'y ajouter des pieces jointes (comme pour les webmail). Lorsque
l'utilisateur clique sur le bouton permettant d'ajouter une piece jointe,
j'affiche un petit message par dessus le formulaire, l'invitant à patienter.

mon problème est que ce petit affichage ne passe pas par dessus les champs
saisissables du formulaire. il ne recouvre pas les champs input.

comment resoudre ce petit problème ?

Merci d'avance
Greg


ps: pour info, le code du petit affichage
function attente_transfert()
{
promptbox = document.createElement('div');
promptbox.setAttribute ('id' , 'prompt')
document.getElementsByTagName('body')[0].appendChild(promptbox)
promptbox = eval("document.getElementById('prompt').style")
promptbox.position = 'absolute'
promptbox.top = 200;
promptbox.left = 450;
promptbox.width = 200
promptbox.border = 'outset 3 #ffffff'
document.getElementById('prompt').innerHTML = "<table width=100%
bgcolor=#F0F0F0 align=center><tr align=center><td><br><h3>Veuillez
Patienter</h3><img src=\"/images/patienter.gif\"><h3>Transfert en
cours</h3></td></tr></table>"
}
Signaler un problème avec ce contenu

1 réponse

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar

mon problème est que ce petit affichage ne passe pas par dessus les champs
saisissables du formulaire. il ne recouvre pas les champs input.


et si ... en cachant le formulaire ?
pendant le visibility du message ?

comment resoudre ce petit problème ?

Merci d'avance
Greg

ps: pour info, le code du petit affichage


ça a l'air d'être génial
dommage qu'il soit mâtiné d'un table...

pourquoi le div d'attente n'est pas simplement écrit en clair ?
et en visibility:hidden

Le temps que le gif soit chargé et le message affiché,
l'upload sera fini ;-))

Hop! on cache le form
hop! on visibilise le prompt

function attente_transfert()
{
promptbox = document.createElement('div');
promptbox.setAttribute ('id' , 'prompt')
document.getElementsByTagName('body')[0].appendChild(promptbox)
promptbox = eval("document.getElementById('prompt').style")
promptbox.position = 'absolute'
promptbox.top = 200;
promptbox.left = 450;
promptbox.width = 200
promptbox.border = 'outset 3 #ffffff'
document.getElementById('prompt').innerHTML = "<table width0%
bgcolor=#F0F0F0 alignÎnter><tr alignÎnter><td><br><h3>Veuillez
Patienter</h3><img src="/images/patienter.gif"><h3>Transfert en
cours</h3></td></tr></table>"
}


--
******** (enlever/remove [OTER_MOI] du/from reply url) *******
Stéphane MORIAUX : mailto:
Aide aux Pages Perso (images & couleurs, formulaire, CHP, JS)
http://perso.wanadoo.fr/stephane.moriaux/internet/
**************************************************************