Wie Alert-Box nach dem Link angezeigt wird klicken Sie auf

Hallo das ist, was ich tun möchte. Ich möchte die Benachrichtigungsbox anzeigen, nachdem der Benutzer auf den Link geklickt hat. Mein Link wird auf eine andere PHP-Seite geleitet, aber es wird wieder auf die Seite zurückkommen, auf der der Link gefunden wurde. Wie kann ich das erreichen? Kann mir jemand Ideen geben, wie es geht?Wie Alert-Box nach dem Link angezeigt wird klicken Sie auf

dies ist, was ich versuchte, aber nicht funktioniert.

<?php 

function fsa() { 
    echo '<div class="alert alert-success alert-dismissable" id="success-alert">'; 
    echo '<strong>Successfully posted!</strong>'; 
    echo '</div>'; 
} 


<a class='btn btn-info left-margin' href="dbf-import.php" onclick="fsa()">Import Database</a>

Quelle

2016-08-07 nethken

versuchen Sie PHP-Funktion von JavaScript laufen !!!! ?? – Iceman

ist das Ereignis 'onclick' ist Javascript? Tut mir leid, ich bin wirklich ein Neuling. Mein Gott, haha. – nethken

PHP wird auf der Server-Seite und js auf der Client-Seite gerendert. Was ist deine Absicht? Sie möchten eine Warnung, wenn der Klick gemacht wird, das ist es? – Iceman

Dies ist ein Beispiel, um die abweisbare Alarmbox anzuzeigen, wenn Sie auf eine Schaltfläche klicken.

$(document).ready(function() { 
 
    $('.activater').click(function() { 
 
    $('.alert').show() 
 
    }) 
 
});

.alert { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 
 
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" /> 
 

 
<body> 
 
    <div class="container"> 
 
    <h2>Dismissal Alert Messages</h2> 
 
    <button class="activater">Send Message</button> 
 
    <a class="activater">SHOW MESSAGE</a> 
 
    <div class="alert alert-success alert-dismissable"> 
 
     <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button> 
 
     Success! message sent successfully. 
 
    </div> 
 

 
    </div> 
 
</body>

Quelle

2016-08-07 12:51:40 Iceman

Kann ich es zuerst verstecken, bevor Sie zeigen? Ich habe das versucht, aber die Alarmbox ist bereits angezeigt. Ich möchte, dass es nach dem Klicken auf den Link oder die Schaltfläche angezeigt wird. – nethken

@nethken es ausführen, erscheint die Warnung nur nach dem Klick – Iceman

Wie kann ich das auf eine Links anwenden? – nethken

PHP wird verwendet, um HTML und JS zu generieren. Sie können beide in einer PHP-Datei haben, aber Sie müssen den Unterschied zwischen PHP und JS sehen. Die Funktion, die Sie fsa() aufgerufen haben, ist eine JS-Funktion, da sie clientseitig (auf dem Client-Rechner und nach dem Laden der Seite) ausgeführt wird. Der Onclick-Parameter im HTML-Tag muss mit einer JS-Funktion verknüpft sein. Auf diese Weise, wenn Sie auf Ihr <a> Tag klicken, wird fsa() ausgelöst und das Feld wird auf der Seite angezeigt.

// this is JS, you need <script> tags !!! 
<script> 
function fsa() { 
    // define a new variable 
    var box = ''; 
    // add the HTML inside the JS variable 
    box += '<div class="alert alert-success alert-dismissable" id="success-alert">'; 
    box += '<strong>Successfully posted!</strong>'; 
    box += '</div>'; 

    // append the HTML contained inside box to the body 
    document.querySelector('body').innerHTML += box; 
} 
</script> 

<a class='btn btn-info left-margin' onclick="fsa()">Import Database</a>

Wenn Sie möchten, um die Daten zu speichern, ohne die Client-Seite neu zu laden, können Sie verwenden möchten AJAX

Quelle

2016-08-07 12:49:32 Ivan

Vielen Dank für eine andere Methode. Vielen Dank für Ihre Bemühungen :) – nethken

Versuchen Sie, diese

<script type="text/javascript"> 
function Alert() { 
var answer = confirm ("Successfully posted!Please click on OK to continue.") 
if (answer) 
window.location="http://www.yoursite.com"; 
} 
</script> 

<a href="javascript:Alert();">click me</a>

Quelle

2016-08-07 12:49:41 jophab

Vielen Dank für eine andere Methode. Danke für Ihre Bemühungen :) – nethken

Zu allererst wie @Iceman sagte: Sie sind Versuchen Sie, eine Javascript-Funktion in PHP zu starten, also beginnen Sie, all das zu löschen. Wenn Sie nur die Benutzer wollen eine Alertbox erhalten, wenn auf einen Link klicken, können Sie einfach hinzufügen

<script> function fsa(){ 
    alert("Your alert message"); 
} 
</script>

Auch wenn Sie nicht die Person, wollen die Seite verlassen, nur href='#' setzen, dass sollten darauf achten, davon.

Quelle

2016-08-07 12:50:13 RPaul

Vielen Dank für eine andere Methode. Vielen Dank für Ihre Bemühungen :) – nethken

Sie können es durch Bootstrap erreichen statt Warnfeld modal. Sie können es nach Ihren Bedürfnissen gestalten.

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <title>Bootstrap Example</title> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
</head> 
 
<body> 
 

 
<div class="container"> 
 
click on this link : 
 
    <!-- Trigger the modal with a button --> 
 
    <span data-toggle="modal" data-target="#myModal">www.google.com</span> 
 

 
    <!-- Modal --> 
 
    <div class="modal fade" id="myModal" role="dialog"> 
 
    <div class="modal-dialog"> 
 
    
 
     <!-- Modal content--> 
 
     <div class="modal-content"> 
 
     <div class="modal-header"> 
 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
      <h4 class="modal-title">Modal Header</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
      <p>Alert Box. Click 'OK' to go to www.google.com</p> 
 
     </div> 
 
     <div class="modal-footer"> 
 
      <button type="button" class="btn btn-default" onClick="document.location.href='www.google.com'">Go</button> 
 
     </div> 
 
     </div> 
 
     
 
    </div> 
 
    </div> 
 
    
 
</div> 
 

 
</body> 
 
</html>

Quelle

2016-08-07 13:06:51 piku

Wie Alert-Box nach dem Link angezeigt wird klicken Sie auf

Antwort

Verwandte Themen