ホーム > タグ > yuga.js

yuga.js

yuga.js で、外部リンクを別ウィンドウで開く機能を area 要素にも適用する方法。

2010 年 8 月 30 日 8:42 PM
JavaScript・jQuery
area | jQuery | yuga.js | クリッカブルマップ | 別ウィンドウ

小ネタです。
JavaScript が分かる人なら何の造作もないことなんですけど、分からなくて困ってる人が居るかも知れないので一応メモ。
続きを読む

コメント: 0
トラックバック: 0

yuga.js で、別ウィンドウで開かないドメインを追加する方法。

2009 年 12 月 1 日 7:21 PM
JavaScript・jQuery
JavaScript・jQuery | jQuery | yuga.js | ドメイン | 別ウィンドウ

「yuga.js」という jQuery プラグインが便利すぎて、最近ではほとんどデフォルトで使わせていただいています。

中でも重宝しているのが、「外部リンクの場合は別ウィンドウで開く」という機能。
余計なタグや属性を追加することなく、外部リンクが設定された<a>タグを自動的に判別して、別ウィンドウで開いてくれます。
しかも、同一ドメインのリンクがフルパスで設定されていても、きっちり見分けて同一ウィンドウで遷移します。
class やアイコン画像を追加することもできるなど、充分すぎるくらいに高機能なのです。

ただ、「同一ドメイン以外のフルパスはすべて別ウィンドウ」という動作になるため、「ドメインは違うんだけど同じウィンドウで展開したいなぁ」という場合（共用 SSL を使ってるとか）も新しいウィンドウが開いてしまいます。
「同一ドメイン」以外にも別ウィンドウを開かない URL やドメインを設定できれば良いのですが、そのようなパラメータは残念ながら用意されていないようです。

というワケで、ちょちょっと弄ってみたらいけそうなので、その方法をアップしときます。
（一応ライセンスも確認したんですけど、中身を触っても大丈夫です。よね？　ね？）
続きを読む