Html：点击按钮上的消息

-2

我不喜欢问这样的问题，但我一直在寻找相当长的一段时间，并且我没有在google或者stackoverflow中找到我要找的东西。我正在寻找一种在按钮点击时显示短消息的方法。我知道警报（'消息'）;但我在寻找的是很多不同的东西。
当点击该按钮，我想：Html：点击按钮上的消息

不会重新加载页面。
显示一条非常短的1-2行消息旁边的按钮被点击，这取决于一个PHP函数的结果。
Excecute PHP函数

一个例子是，当您尝试给予好评自己的问题/答案/评论你堆栈溢出的消息。
要决定你得到哪个消息，我将不得不运行一个php函数（我已经做了），并根据该函数的return值，我将显示message A或message B。欢迎对此事提出任何建议/指导。

来源

2014-10-02 rez

你可以请张贴你写的任何代码到目前为止。 – Raad 2014-10-02 09:04:37

到目前为止，我只学习了PHP和基本的html编码。我想要做的只是在按钮旁边显示一条消息，当单击该按钮时，取决于php函数的结果并优先执行另一个php函数。发布我所做的代码将无济于事，因为它与实际问题无关。哪个发送弹出消息。我不知道如何编写这样的代码。我怀疑这是非常简单的，虽然 – rez 2014-10-02 09:08:03

@AbdulJabbar，如果你看到stackoverflow消息投票了你自己的评论，它有一个小的（X）按钮在右上角，还有，如果你点击它的任何地方它关闭，我没有真的介意这个消息是如何工作的，但是id宁可停留在那里，然后你手动关闭它，这真的很不重要，但是我正在寻找它的真正基础功能 – rez 2014-10-02 09:11:38

我觉得TwitterBootstrap的以下功能是你在找什么：

See it working here

您可以重新定位您的按钮的前面，并根据您的需要进行设计。

来源

2014-10-02 09:26:24

你真正的mvp，谢谢先生。 – rez 2014-10-02 09:27:50

哈哈，不客气..还有很多其他自定义工具提示库可用。我得到了一个暗示，你正在寻找关于“在你对stackoverflow自己的评论投票时显示的信息”的消息中的工具提示， – 2014-10-02 09:29:39

你将不得不学习ajax（你可以用jquery轻松完成）。阿贾克斯让您发送使用JavaScript/jQuery的到服务器（PHP脚本）的数据，并得到回应，而不重新加载页面http://api.jquery.com/jquery.post/

$.ajax({ 
type: "POST", 
url: url, 
data: data, 
success: success, 
dataType: dataType 
});

这个代码调用你的PHP脚本（URL），发送数据（例如一个按钮ID或其他）并将从服务器返回数据（成功）。

来源

2014-10-02 09:11:28 oligan

我从你的答案中得到的主要问题是：我将如何显示一个小消息，在我的按钮旁边？ – rez 2014-10-02 09:13:25

只需在您的html中创建一个空的div responseDiv，然后在此代码之后执行类似responseDiv.html（success）的操作;随着成功的消息从您的PHP代码（回声消息在PHP） – oligan 2014-10-02 09:14:40

有很多的例子http://stackoverflow.com/questions/5004233/jquery-ajax-post-example-with-php – oligan 2014-10-02 09:16:56

在这种情况下AJAX是你的朋友你可以去这个link并找到BalusC

答案

来源

2014-10-02 09:16:33

为下一显示一条消息，您的按钮，假设你使用jQuery（所有懒惰的人）：

$('#your-button').click(function(){ 
    $(this).next().html('Hello World :) '); 
});

这基本上会发现元素旁边的按钮（这里＃你的按钮），你点击，清空其内容，并将其替换为Hellow World :)。

如果您需要根据PHP脚本显示消息，则需要AJAX。它会是这样的：

$('#your-button').click(function(){ 
    $.get("myscript.php", function(data) { 
     $(this).next().html(data); 
     alert("Load was performed."); 
    });  
});

来源

2014-10-02 09:27:39 enguerranws

Html：点击按钮上的消息

回答

相关问题