- 締切済み
ソーシャルボタンをオリジナルでつくっています。
ソーシャルボタンをオリジナルでつくっています。 <div id="socialbtn"> <a href="https://plus.google.com/share?url=http://s/inquery.html" onclick="window.open(this.href, 'Gwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;" class='symbol' title=''></a> <a href="http://www.facebook.com/share.php?u=http://s/inquery.html" onclick="window.open(this.href, 'FBwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;" class='symbol' title=''></a> <a href="http://twitter.com/share?url=http://s/inquery.html&text=駅から歩いていけるので、是非問い合わせて行ってみましょう。&via=ツイート内に含まれるユーザー名&related=関連アカウント" class='symbol' title=''></a> </div> 上記のように作ったのですが、商用サイトでも問題ないでしょうか？ ちゃんとできているでしょうか？ ただツイッターの&via=ツイート内に含まれるユーザー名&related=関連アカウント" と言う部分が良く分かりません。 ツイート内に含まれるユーザー名とは何を入れるところなのでしょうか？ 関連アカウントとは、設置サイトがアカウントを持っている場合にアカウント名をそのまま入れるのでしょうか？
- CSS
- 回答数1
- ありがとう数4
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- ORUKA1951
- ベストアンサー率45% (5062/11036)
ちゃんと検索エンジンでも分かるように---単なる外部へのリンクではあるけど---きちんとHTML書かないとまずいですよ。 <div class="nav"><!-- ナビゲーションだよ --> <ol> <li><a href="">google</a></li> <li><a href="">facebook</a></li> <li><a href="">twitter</a></li> </ol> </div> HTML5ならら当然 <nav><!-- ナビゲーションだよ --> <ol> <li><a href="">google</a></li> <li><a href="">facebook</a></li> <li><a href="">twitter</a></li> </ol> </nav> その上でjavascript使うなら <div class="nav"><!-- ナビゲーションだよ --> <ol> <li><a href="" onclick="OpenWin(this.url);return false;">google</a></li> <li><a href="">facebook</a></li> <li><a href="">twitter</a></li> </ol> </div> とか、デザインはスタイルシートに任せればよい リンク先へのPATH_INFOはnameと値のペアをURLエンコードして&でつなげればよい。
関連するQ&A
- position fixed内でスクロールさせたい
css position fixed内でスクロールさせることは可能ですか？ 下記のサイトのドロワーメニューのようにしたいです。 //www.toei-eigamura.com/edosakaba/ 下記のようにしてもうまくいきませんでした。 ・html <nav> <div id="nav__drawermenu-wrap"> <ul> <li> <a class='top-header__social-btn symbol animation-hover action-hover' href="https://plus.google.com/share?url=http:///index.html" onclick="window.open(this.href, 'Gwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;" title=''></a> <a class='top-header__social-btn symbol animation-hover action-hover' href="http://www.facebook.com/share.php?u=http:///index.html" onclick="window.open(this.href, 'FBwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;" title=''></a> <a class='top-header__social-btn symbol animation-hover action-hover' href="http://twitter.com/share?url=</a> </li> <li><a class="link-block" href="#js-about-me"><span class="gotootherpage"><img class="top-gnav__link-sixth__goto-other-page" src="img/common-img/goto-other-page.svg" alt="goto-other-page-image"></span>ABOUTME</a></li> <li><a class="link-block" href="#js-gallary">GALLARY</a></li> <li><a class="link-block" href="#js-gmap">MAP</a></li> <li><a class="link-block" href="#js-contact">CONTACT</a></li> <li><a class="link-block" href="http:///index.html">TOP</a></li> <li><a class="link-block" href="http:///index.html">BLOG</a></li> </ul> </div> </nav> ・ｃｓｓ nav { overflow: auto; } [id="drawermenu"] ul { z-index: 300; width: 100%; height: 100% position: fixed; top: 0; padding-top: 2.8rem; text-align: center; cursor: pointer; margin-left: -100%; transition-propety:all; transition-duration:1s; }
- ベストアンサー
- CSS
- ブラウザサイズをフルサイズで表示させる方法
ブラウザにタイトルバーとスクロールバーとスタートバー以外を表示しないページを作成したいのですが、 XPはOKで、WIN98でうまくいきませんでした。リンク先をクリックすると別ウィンドウが立ち上がる仕組みです。画面サイズに合わせて変わるようなのですが、WIN98では、スクロールバーが途中で切れてしまい、 一番下まで、綺麗に表示できませんでした。これ以外の方法でもかまいませんので、どなたかご伝授いただければと思います。 function wopen(url){ if(screen.width <= 640){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=640,height=480,left=0,top=0") }elseif(screen.width <= 800){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=800,height=600,left=0,top=0") }else if(screen.width <= 1024){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1024,height=768,left=0,top=0") }else if(screen.width <= 1152){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1152,height=864,left=0,top=0") }else if(screen.width <= 1280){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1280,height=1024,left=0,top=0") }else{ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1600,height=1240,left=0,top=0") } return; } ： <A href="javascript:wopen('/index.html')">
- ベストアンサー
- JavaScript
- ツイートするのボタンオリジナルアイコンについて
下記のページを参考に、ツイートするのボタンをオリジナルのアイコンにしました http://es.istgut.jp/tips/facebooktwittermixi.html 以下の通り設定しましたが、ツイートするボタンをクリックしても 「Internet Explorer ではこのページは表示できません」となりページが表示されません ------------------------------------------- <a href="http://twitter.com/share?count=horizontal&original_referer=URLが入ります;text=記事タイトルが入ります&url=URLが入ります&via=ツイッターID" onclick="window.open(this.href, 'tweetwindow', 'width=550, height=450,personalbar=0,toolbar=0,scrollbars=1,resizable=1'); return false;"><img src="画像パス" width="22" height="22" /></a> ------------------------------------------- 検証したところ、「記事タイトル」の部分を日本語ですると、ページが開かないようです 「title」など、半角英数で入力すると、問題なく表示されます 日本語で入力するとページ開かないので、文字化けを起こしているのかもしれません 何か解決策があれば、教えてください よろしくお願いします ◆環境 windows XP IE8
- ベストアンサー
- JavaScript
- a Onclickでブラウザによってポップアップしない
以下のa onClickで別ウィンドウを開くようにしたいのですが、 ウィンドウが２つ開いてしまいます。どうしてでしょうか？ <a onClick="window.open('http://www.xxxxx.com/index.html','_blank','toolbar=no,status=no,location=no,directories=no,menubar=no,scrollbars=yes,resizable=yes,width=760,height=430')" target="_blank" style="text-decoration : none;" href="http://www.xxxxx.com/index.html">
- 締切済み
- JavaScript
- noscriptをどうすれば？
大小の画像を２枚用意して クリックすると大画像が別ウィンドウで表示できるようになりました。 javascripがOFFの時にnoscriptで別窓表示させるようにもしました。 最初はnoscriptを別に置いたのですが、これだとjavascripがOFFの時に最初から小画像が２つ表示されてしまいます・・・ <a href="javascript:void(0)" onclick=" window.open('big.jpg', '_blank', 'width=600,height=600,scrollbars=no,toolbar=no,menubar=no,directories=no,location=no'); "> <img src="mini.jpg" width="300" height="300" alt="画"> </a> <noscript><a href="big.jpg"> <img src="mini.jpg" width="300" height="300" alt="画"></a> "></noscript> そこで、下記のようにしましたが・・・ 動作はできるみたいです。でもnoscriptのHTMLでの位置で何か変な感じです。正しい方法をご教授ください。 <a href="javascript:void(0)" onclick=" window.open('big.jpg', '_blank', 'width=600,height=600,scrollbars=no,toolbar=no,menubar=no,directories=no,location=no'); "> <noscript><a href="big.jpg"></noscript> <img src="mini.jpg" width="300" height="300" alt="画"> </a> これ１枚の画像だけなのでライブラリを使いたくないのです。
- ベストアンサー
- JavaScript
- 小さいウインドウ
ＨＰに小さいウインドウをひらいてそこにアンケートをつくりたいのですが <A HREF="アンケートの説明のURL" onClick='window.open("アンケート用紙のURL","ファイルの名前）","width=350,height=200,toolbar=no,location=no,directories=no, status=no,menubar=no,scrollbars=yes,resizable=yes")'">アンケート</a> 今このようにしているのですが １回「アンケート」という所をクリックして小さいウインドウを開き、 アンケートの中身をかきこんで送信する前に 他のページに行ってまた「アンケート」というところをクリックすると 小さいウインドウのかきこんでおいたアンケートの内容が全て消えてしまうのですが、消えないようにするにはどうしたらいいでしょうか。 教えてください。
- ベストアンサー
- HTML
- ■ポップアップウィンドウをIEで見ると隙間が出来る■
いつもお世話になっております。 サムネイル画像をクリックすると大きな画像がポップアップウィンドウで表示されるページを作っています。 ツールバー等全て非表示（toolbar=noなど）をして、画像の大きさぴったりにサイズも合わせているのですが、IEで見ると何故か左と上に隙間が出来ます。 macのdreamweaverで作っていて、safariで見ると隙間は出てこないのですが、windowsのIEで見ると隙間が出来てしまいます。 これを画面ぴったりにおさめるにはどうすれば良いのでしょう。 使っているjavascriptは <a href="javascript:;" onClick="MM_openBrWindow('img01.jpg','img01','toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=600,height=500')"><img src="small/img-s01.jpg" width="100" height="100" border="0"></a> を使っています。 何に問題があるのかも教えて頂けると助かります。 宜しくお願い致します。
- 締切済み
- JavaScript
- NN4.7で小窓が開かない
JavaScriptで小窓を表示するようにしているのですが、 IE6、NN7だと動くのですが、NN4.7だと動いてくれません。 どこが問題なのかわからないのでアドバイスをお願いします。 <script language="javascript"> <!-- function winopen(url){ var w = window.open(url,'小窓','width=700,height=600,toolbar=0,menubar=0,location=0,status=0,scrollbars=no'); } --> </script> <a href="javascript:winopen('./ex01.html');">ex01</a> <a href="javascript:winopen('./ex02.html');">ex02</a> <a href="javascript:winopen('./ex03.html');">ex03</a> fanctionの部分をHEADではなくBODYに書いているのですが、 それが問題という可能性はありますか？
- ベストアンサー
- JavaScript
- FireFox3.0のステータスバー非表示
FireFox3.0のステータスバーを非表示にしたいのですが、 どうすればよいでしょうか？ 次のソースのように、window.open()で行っています。 window.open(url,'_blank','toolbar=no,location=no,status=no,menubar=no,scrollbars=no,titlebar=no,width=820,height=645,resizable=no');
- ベストアンサー
- JavaScript
- 別ウインドウを開くようにしてるのですが
こんにちは HPで画像を開く際に、下のようなjavascriptを使っています。 <SCRIPT Language="JavaScript"> <!-- function openwin(url) { /* 横幅400px、縦幅200pxのウインドウを開く */ w = window.open(url, 'win','width=400,height=200,status=no,scrollbars=yes,directories=no,menubar=no,resizable=yes,toolbar=no'); } //--> </SCRIPT> body部分に <a href="javascript:openwin('abc.htm')">いろは </a> としています。 で、お教え願いたいのは、別のサイズのウインドウにしたいときはどうしたらいいのでしょうか？ 普段は400×200でいいのですが、たまに400×400にしたいときがあります。 方法を教えてくださいませ よろしくお願いいたします。
- ベストアンサー
- JavaScript
