OKWaveが大リニューアル！ただいまβ版公開中

透過レイヤー上にフォーム


OKWaveコミュニティー
新規ユーザー登録（無料）今すぐ登録しよう！！
はじめての方へ OKWaveではこんなことができます！
カテゴリ
[ 一覧 ]
TOPへ戻る
[技術者向] コンピューターへ戻る
プログラミングへ戻る
ピックアップ
［ 特集一覧 ］
ブラック会社の喜怒哀楽
ブラック会社の喜怒哀楽
現代を生き抜く知恵と努力！あなたの未来を明るく照らします！
OKWaveスタッフブログ
OKWaveスタッフブログ
OKWaveスタッフから便利でお得な情報をQ&Aと共にご紹介します！
好きだからこそ切ない！恋愛特集
好きだからこそ切ない！恋愛特集
「会いたいときに会えない」そんな切ない思いを恋愛で体験したことはありませんか？
その他の特集はこちらからご覧下さい
お知らせ
［一覧］
[ さらに詳しく ]
インタレストマッチ（詳細）

質問
質問者：mukkudesu 透過レイヤー上にフォーム
困り度：
  • 困っています
 よくあるLightBoxのようなライブラリを使用して、透過レイヤー上に写真を表示しているのを良く見ますが、HTMLなども表示する事が出来るのでしょうか？

何がしたいかと言いますと、透過レイヤー上で登録フォームみたいな物を作りたいのですが、具体的な実現方法を御教授頂ければ幸いです。

言語は、PHPです。
質問投稿日時：08/10/25 03:15
質問番号：4427736

回答

 
回答者：noname#84373 上半分を描いた後、半透明なレイヤーを乗せています
その後、そのレイヤーの上にフォームを乗せています
<html>
<body>
<script>
for(i=0;i<360;i+=4){
var inp = document.createElement('input');
with(inp){
style.position='absolute';
style.top=350-Math.sin(i*3.14519/180)*300+'px';
style.left=350-Math.cos(i*3.14519/180)*300+'px';
// style.backgroundColor='transparent';
}
document.body.appendChild(inp);
if(i==180) vpage()
}

function ImageOpacity( id, opa, step, wtime ){
this.opacitySet = function(n){
this.opacity=(n!=undefined)?n:this.opacity;
this.obj.style.filter='alpha(opacity='+this.opacity+')';
this.obj.style.MozOpacity = this.obj.style.opacity = this.opacity/100;
}
}
function vpage(){
var obj=document.body;
newobj = document.createElement('div');
newobj.id='screen';
with( newobj.style ){
position='absolute';
backgroundColor='#fee';
border='1px #f00 solid';
top = obj.offsetTop;
left = obj.offsetLeft;
width = obj.offsetWidth;
height = obj.offsetHeight;
filter='alpha(opacity=50)';
MozOpacity = 50;
opacity = 50;
}
document.body.appendChild(newobj);
}

</script>
種類：補足要求
どんな人：一般人
自信：参考意見
回答日時：08/10/26 23:50
回答番号：No.1
この回答への補足この回答に補足をつける(質問者のみ)
この回答へのお礼この回答にお礼をつける(質問者のみ)
データの送受信
Googleストリートビュー...
インタレストマッチ（詳細）
このページのトップへ