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!!