0

HTMLページに動的ポップアップウィンドウを表示しようとしています。ユーザーが単語をホバーすると、ポップアップが表示されます。ポップアップウィンドウで、ホバーされた単語をパラメーターとしてWebページを呼び出したいと思います。ページ内のすべての単語を処理する必要はありません。私が選択した単語にカーソルを合わせるだけで、そのように機能します。たとえば、HTMLページに「こんにちは、これはサンプルテキストです」というテキストがあり、ユーザーが「サンプル」という単語の上にマウスを置くと、ポップアップが表示され、ポップアップに次のページ「www.blabla.com」が表示されます/?単語=サンプル"

私が明確だったことを願っています。静的ページで動作できるようにしたい。私はjavascriptが初めてです。どこから始めればいいのかわからないので、助けていただければ幸いです。ありがとう。

編集:ポップアップをモーダルポップアップにしたい。

4

2 に答える 2

0

これは非常に基本的なことです。http://www.tizag.com/javascriptT/javascriptevents.phpとhttp://www.w3schools.com/jsref/met_win_open.aspのチュートリアルを読んでください

しかし、この種の方法を使用すると、ブラウザはポップアップ ブロッカーをトリガーします。

于 2012-09-03T12:08:36.990 に答える
0

この効果を持たせたい要素を取得し、それらをループし、ウィンドウをポップアップする各要素にイベントリスナーを追加します。

これは、次のような大雑把な実装であり、単語のpopup周りにクラスがあります。

[].slice.apply(document.getElementsByClassName('popup')).forEach(function (elem){
    elem.addEventListener('mouseover', function (){
        window.open('http://google.com/?q=' + this.innerHTML);
    }, false);
});​

デモ

于 2012-09-03T12:08:56.137 に答える