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

締切済

質問者：mukkudesu
質問日時：2008/10/25 03:15
回答数：1件

よくあるLightBoxのようなライブラリを使用して、透過レイヤー上に写真を表示しているのを良く見ますが、HTMLなども表示する事が出来るのでしょうか？

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

言語は、PHPです。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： _pipi_
回答日時：2008/10/26 23:50

上半分を描いた後、半透明なレイヤーを乗せています

その後、そのレイヤーの上にフォームを乗せています
<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>