[JAVASCRIPT] Presonnaliser une alert()

Marsh Posté le 09-05-2007 à 12:13:31

Bonjour à tous, je souhaite personnalisé une alerte.

Alors j'ai le code suivant : Je clique sur un bouton, la boite de dialogue s'affiche, je saisis mon texte, et celui ci s'ajoute dans le textarea sans probleme.

Voici la fonction qui affiche l'arlert.

Code :

// Insert URL Tag
function ins_url(theform) {
// inserts named url link - [url=mylink new=true]text[/url]
link_url = prompt('Entrez lÂURL complète du lien'+'\n[/url]',"http://" );
if ( (link_url != null) ) {
// Get selected text
var link_text = getSelectedText(theform);
if (link_text == '') {
// Display prompt if no text is selected
link_text = prompt('Entrez le texte associé au lien (optionnel)'+'\n[url=]xxx',"" );
}
if ( (link_text == null) || (link_text == '') ) {
link_text = link_url;
}
link_target = prompt('Ouvrir l´URL dans une nouvelle fenêtre (optionnel):'+'\n[url= new=true/false][/url]','');
str = '[url='+link_url;
if ((link_target != null) && (link_target != '')) {
link_target.toLowerCase;
if ( link_target == 'true' || link_target == 'false' ) {
str += ' new='+link_target;
}
}
str += ']'+link_text+'[/url]';
insertAtCaret(theform, str);
theform.focus();
}
}

D'un autre coté, j'ai trouvé ce code : http://javascript.internet.com/tex [...] rompt.html
avec la fonction

Code :

var response = null
function prompt2(promptpicture, prompttitle, message, sendto) {
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 = 100
promptbox.left = 200
promptbox.width = 300
promptbox.border = 'outset 1 #bbbbbb'
document.getElementById('prompt').innerHTML = "<table cellspacing='0' cellpadding='0' border='0' width='100%'><tr valign='middle'><td width='22' height='22' style='text-indent:2;' class='titlebar'><img src='" + promptpicture + "' height='18' width='18'></td><td class='titlebar'>" + prompttitle + "</td></tr></table>"
document.getElementById('prompt').innerHTML = document.getElementById('prompt').innerHTML + "<table cellspacing='0' cellpadding='0' border='0' width='100%' class='promptbox'><tr><td>" + message + "</td></tr><tr><td><input type='text' id='promptbox' onblur='this.focus()' class='promptbox'></td></tr><tr><td align='right'><br><input type='button' class='prompt' value='OK' onMouseOver='this.style.border=\"1 outset #dddddd\"' onMouseOut='this.style.border=\"1 solid transparent\"' onClick='" + sendto + "(document.getElementById(\"promptbox\" ).value); document.getElementsByTagName(\"body\" )[0].removeChild(document.getElementById(\"prompt\" ))'> <input type='button' class='prompt' value='Cancel' onMouseOver='this.style.border=\"1 outset transparent\"' onMouseOut='this.style.border=\"1 solid transparent\"' onClick='" + sendto + "(\"\" ); document.getElementsByTagName(\"body\" )[0].removeChild(document.getElementById(\"prompt\" ))'></td></tr></table>"
document.getElementById("promptbox" ).focus()
}

J'aimerai adapter ma premiere fonction pour qu'elle arrive à etre personnalisé comme la deuxieme.

Si je fais ca :

Code :

link_url = prompt("<table cellspacing='0' cellpadding='0' border='0' width='100%'><tr valign='middle'><td width='22' height='22' style='text-indent:2;' class='titlebar'><img src='' height='18' width='18'></td><td class='titlebar'></td></tr></table>" );

Cela m'affiche le code en brut.

Pouvez-vous m'aider à trouver la syntaxe pour personnalisé ma premiere fonction

Merci d'avance!!

Reply

Marsh Posté le 09-05-2007 à 12:13:31

Reply

Marsh Posté le 16-05-2007 à 17:12:27

Salut,

La fonction Javascript prompt() est uniquement faite pour afficher un message texte et récupérer une chaine de caractère via le champ prévu à cet effet. Elle n'est malheureusement pas personnalisable, tout comme les deux autres fonction similaires alert() et confirm()

Pour pouvoir faire une popup perso, tu n'as pas d'autres choix que d'ouvrir une petite page HTML via la fonction window.open().
Ainsi tu pourras créer une popup avec l'apparence que tu souhaites, avec autant de texte, images et boutons dont tu as besoin.

La seul contrainte (logique) est de placer dans la petite page un bouton "FERMER" et d'inclure dans le code HTML de cette même page un bout Javascript qui ferme la popup et renvoie les données à la page appelante.

Voici le code exemple Javascript qui permet d'ouvrir et fermer des popups :

Code :

/*******************************************************************************
* Ouverture des Popup
*******************************************************************************/
function ouvrePopup(sPage, iLarg, iHaut){
var iTop=(screen.height-iHaut)/2;
var iLeft=(screen.width-iLarg)/2;
window.open(sPage, "popup", "resizable=no, location=no, menubar=no, status=no, scrollbars=no, top="+iTop+",left="+iLeft+",width="+iLarg+", height="+iHaut);
return false;
}
/*******************************************************************************
* Fermeture des Popup
*******************************************************************************/
function fermePopup(){
opener = self;
self.close();
}

le paramètre "sPage" de la fonction "ouvrePopup()" contien le nom complete de la page à ouvrir dans le popup ; "iLarg" et "iHaut" sont les dimensions de ta popup.

Je sais pas si j'ai été clair ou si j'ai bien répondu à ton problème

Reply

[JAVASCRIPT] Presonnaliser une alert()

Sujets relatifs:

Leave a Replay