Javascript-Funktion Anker onclick-syntax

Hatte ich folgende Skript für das Kommentar-system wunderbar funktioniert bis ich die Parameter in die Funktion aufrufen. Nun, statt der Funktion, die ausgeführt wird, nur lädt die Seite und Beulen, mich bis an die Spitze. (Vorher hatte ich es nicht stoßen und schön einfügen-Feld.) Kann jemand sehen, Fehler im folgenden. Beachten Sie, entnehme ich, dass die # ist nicht die bevorzugte Art und Weise zum aufrufen von Funktionen aus dem link, aber auch andere Möglichkeiten schien es ziemlich kompliziert für diese einfache Funktion aufrufen. Vielen Dank.

Hinweis thispage ist ein text-string ie "comments.php" während id und topicid ganze zahlen sind.

<script>
function showReplyBox(id,topicid,thispage) {
    var replybox = '<form action = "newcomment.php" method = "post"><input type="hidden" name="comid" value="';
replybox = replybox+ id + '">';
replybox = replybox + '<input type="hidden" name="topicid" value="';
replybox = replybox + topicid + '">';
replybox = replybox + '<input type="hidden" name="thispage" value="';
replybox = replybox + thispage + '">';
replybox = replybox + '<textarea autofocus placeholder="Reply to comment" id="replyarea" rows=1 cols=72></textarea><br><button>Reply</button></form>';
    var empty = ""; 

document.getElementById('replybox').innerHTML = replybox;
}
</script>
<body>
//link to call function
<a href="#" onclick="showReplyBox(44,142,'comments.php');return false">Reply</a

//box inserted here
<div id="replybox"></div>
</body>

InformationsquelleAutor user1260310 | 2012-05-06

  1. 4

    Haben die Funktion zurück false am Ende um zu verhindern, dass die Browser-Standard-Verhalten nach dem Anker.

    Hier ist eine funktionierende Fiddle: http://jsfiddle.net/VhYd8/

    Combo von Ihrem code und javascript:void unten schien es zu tun. Aber nicht, bis ich Ausschneiden und einfügen von code aus fiddle hat es funktioniert. Etwas war komisch in meiner syntax.
    Okay, schön, dass es dir geholfen!

    InformationsquelleAutor Christofer Eliasson

  2. 4

    ersetzen Sie die # im Anker-tag mit javascript:void(0)

    <a href="javascript:void(0);" onclick="showReplyBox(44,142,'comments.php');return false">Reply</a>
    Thx. Ich habe dies für eine gute Maßnahme.

    InformationsquelleAutor Nauphal

  3. 0
    <body>
//link to call function
<a href="#" id="my_a" t_id=44 t_tid=142 t_php="comments.php">Reply</a>
<script>
    function showReplyBox(event) {
        event.preventDefault();
        var tar_a = e.target;
        var id = tar_a .getAttribute("t_id");
        var topicid = tar_a .getAttribute("t_tid");
        var thispage = tar_a .getAttribute("t_php");

        var replybox = '<form action = "newcomment.php" method = "post"><input type="hidden" name="comid" value="';
        replybox = replybox+ id + '">';
        replybox = replybox + '<input type="hidden" name="topicid" value="';
        replybox = replybox + topicid + '">';
        replybox = replybox + '<input type="hidden" name="thispage" value="';
        replybox = replybox + thispage + '">';
        replybox = replybox + '<textarea autofocus placeholder="Reply to comment" id="replyarea" rows=1 cols=72></textarea><br><button>Reply</button></form>';
        var empty = ""; 

        document.getElementById('replybox').innerHTML = replybox;
    }
    doucument.getElementById("my_a").addEventListener('click',showReplyBox,false);
</script>
//box inserted here
<div id="replyarea"></div>
</body>

    InformationsquelleAutor Sarvesh Kumar Singh

Schreibe einen Kommentar