Hoe maak je een ja/nee/annuleren waarschuwingsvenster in plaats van ok/annuleren waarschuwingsvenster in Javascript?
Antwoord 1, autoriteit 100%
U kunt jQuery UI Dialoggebruiken.
Deze bibliotheken creëren HTML-elementen die eruitzien en zich gedragen als een dialoogvenster, zodat u alles wat u wilt (inclusief formulierelementen of video) in het dialoogvenster kunt plaatsen.
Antwoord 2, autoriteit 92%
In een poging om een vergelijkbare situatie op te lossen ben ik ditvoorbeeld en aangepasthet. Het gebruikt JQUERY UI Dialogzoals Nikhil D suggereerde. Hier is een blik op de code:
HTML:
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<input type="button" id="box" value="Confirm the thing?" />
<div id="dialog-confirm"></div>
JavaScript:
$('#box').click(function buttonAction() {
$("#dialog-confirm").html("Do you want to do the thing?");
// Define the Dialog and its properties.
$("#dialog-confirm").dialog({
resizable: false,
modal: true,
title: "Do the thing?",
height: 250,
width: 400,
buttons: {
"Yes": function() {
$(this).dialog('close');
alert("Yes, do the thing");
},
"No": function() {
$(this).dialog('close');
alert("Nope, don't do the thing");
}
}
});
});
$('#box').click(buttonAction);
Ik heb nog een paar aanpassingen die ik moet doen om dit voorbeeld voor mijn toepassing te laten werken. Zal dit bijwerken als ik zie dat het in het antwoord past.
Hoop dat dit iemand helpt.
Antwoord 3, autoriteit 97%
Je kunt dat niet doen met de native confirm()omdat dit de browsermethode is.
U moet een plug-in maken voor een bevestigingsvenster (of probeer er een die door iemand anders is gemaakt). En ze zien er vaak ook beter uit.
Aanvullende tip: verander je Engelse zin in iets als
Echt, dit ding verwijderen?
Antwoord 4, autoriteit 25%
Ik zal de oplossing proberen met jQuery, het zou zeker een mooi resultaat moeten geven. Natuurlijk moet je jQuery laden …
Wat dacht je van een pop-up met zoiets? Dit is natuurlijk afhankelijk van de gebruiker die pop-ups autoriseert.
<html>
<head>
<script language="javascript">
var ret;
function returnfunction()
{
alert(ret);
}
</script>
</head>
<body>
<form>
<label id="QuestionToAsk" name="QuestionToAsk">Here is talked.</label><br />
<input type="button" value="Yes" name="yes" onClick="ret=true;returnfunction()" />
<input type="button" value="No" onClick="ret=false;returnfunction()" />
</form>
</body>
</html>
Antwoord 5, autoriteit 25%
“Bevestigen” in Javascript stopt het hele proces totdat het een muisreactie op de knoppen krijgt. Als dat is wat je zoekt, kun je jquery-ui doorverwijzen, maar als je niets achter je proces hebt terwijl je het antwoord ontvangt en je de stroom programmatisch bestuurt, kijk dan hier eens naar. Je zult alles zelf hard moeten coderen, maar je hebt volledige controle over maatwerk. https://www.w3schools.com/howto/howto_css_modals.asp
Antwoord 6, autoriteit 25%
Bouw een klein, bevestigend vanilla js ja / nee-dialoogvenster.
https://www.npmjs.com/package/yesno-dialog
