0

あなたはあなたがインターネット上で制御できるそれらのウェブカメラを知っていますか？ボタンを押して左に移動すると、左に移動します。しかし、ページ上で他に何も起こりません。それが私が作成する必要があるものです。

家の照明を制御できるページがあります。ボタンをクリックすると、別のフレームにphpスクリプト（ライトを制御する）がロードされます。しかし、これを取り除きたいと思います。したがって、基本的には、バックグラウンドでphpを呼び出すリンクを作成したいのですが、そのリンクはそのページに対して何もしません。

何か案は？

4

9 に答える 9

1

イベントで areturn false;を使用します。click

<a href="#" onclick="return false;">Not Follow the Link</a>

説明

イベント ハンドラーの戻り値によって、ブラウザーの既定の動作も実行する必要があるかどうかが決まります。リンクをクリックする場合、これはリンクをたどることになりますが、ユーザーが情報の入力を間違えた場合にフォーム送信をキャンセルできるフォーム送信ハンドラーでは、違いが最も顕著です。

この効果を実現する最新の方法は を呼び出すことevent.preventDefault()であり、これはDOM 2 Events 仕様で指定されています。

于 2012-11-11T16:07:35.137 に答える
0

jqueryが好き...

onclick 関数が false を返すことがわかります。これは、リンクが機能しないようにするためです...

<a onclick="do_it(this)" ...

次に、あなたのjsで

function do_it(anchor)
{
jQuery.ajax(
    {
            url     : anchor.get_attribute('href'),
            data    : {whatever},
            type    : 'POST',
            success : function(data)
            {
                alert('woo');
            }
    }
)
return false;
}

私がここでやっていることのほとんどは次のとおりです。

したがって、アンカーがクリックされると、jquery POST がアンカーの URL に送信されます。必要に応じてデータを含めることができます。これは非同期的に発生するため、jQuery が応答 html (またはその他) を取得するまで、ページでは何も起こりません。応答で何かをしたい場合は、成功関数でそれを取得できます。

関数が返されると false が返されるため、アンカーが通常のことを実行できなくなります。

于 2012-11-11T16:06:58.303 に答える
0

HTML 5 では、href 属性なしでアンカー要素を正式に使用できます。しかし、Javascript イベント リスナーを既に持っている要素にバインドするだけです。ユーザーが JS を無効にしている場合、これらの要素は何の役にも立たないため、これらの種類のインタラクティブな要素自体を Javascript を使用して DOM に追加することもできます。

于 2012-11-11T16:02:17.250 に答える
0

別のページをロードせずに PHP からデータを取得するには、Ajax が必要です。

リンクを「無効」にするには:

<a href="javascript: myFunction(); return false;">Link</a>

または：

<a href="#" onclick="myFunction(); return false;">Link</a>

または、通常のリンクを記述し、jQuery (または別のライブラリ) を使用してイベントを追加します。

$('a').click(function(event) {
    // the code with ajax
    event.preventDefault();
});
于 2012-11-11T16:04:19.120 に答える
0 
<a href="#" onclick="function()">...</a>

リンクのようなテキストが表示されます。

それが実際にはリンクではない場合は、別の種類のスタイルを検討してポイントを強調し、他の下線付きのリンクがリンクとして表示され、これが別のものとして表示されるようにすることをお勧めします。すべてはあなたのニーズと状況に依存します。

于 2012-11-11T16:04:59.150 に答える
0

次の jquery ソリューションを使用できます。

HTML:

<a href="your_page.php" id="link1">Move lights to left</a>

Jクエリ:

<script type="text/javascript">
   $(document).ready(function() {
      $('#link1').click(function(e) {
         e.preventDefault();
         $.ajax( $(this).attr('href') );
      });
   });
</script>
于 2012-11-11T16:09:07.050 に答える
0

JavaScriptについて話し、onlickイベント/関数を作成し、特定のDIV領域にAJAXを実装します

これをチェックしてください： http://www.w3schools.com/ajax/ajax_examples.asp

<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
//You need `ajax_info.txt` file with some content
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>

<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>

</body>
</html>
于 2012-11-11T16:00:05.730 に答える
0

このような動作を実現するには、ajax を使用する必要があります。

何もしないリンクは基本的に、onclick イベントを false を返す JavaScript 関数にバインドする HTML リンクです。これにより、リンクは「何もしない」ようになりますが、カメラに左/右に移動するように指示する JavaScript は引き続き実行されます。

于 2012-11-11T16:01:43.260 に答える
0

まだ誰もこれを投稿していないとは信じられません。JavaScript void を使用するだけです。

<a href="javascript:void(0)" onclick="doWhateverFunction(this)">some click function</a>

本の中で最も古いトリックの 1 つです。

于 2012-11-11T16:09:55.570 に答える