Pereiti prie turinio

Rekomenduojami pranešimai

Noriu padaryti kaip čia - http://swip.codylindley.com/DOMWindowDemo.html , 4 pavyzdys, bet neišmeta man jokio lango išvis, nesuprantu kur čia klaida gali būti :D

 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Index</title>

<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script src="jquery.DOMWindow.js" type="text/javascript"></script>

<script type="text/javascript"> 
$('.example4DOMWindow').openDOMWindow({ 
height:100, 
width:500, 
positionType:'absolute', 
 positionTop:100, 
 eventType:'click', 
 positionLeft:100, 
windowSourceID:'#example4InlineContent', 
windowPadding:20, 
draggable:1, 
windowBGColor:'#FFFF00', 
borderColor:'#990000', 
overlayOpacity:0 
}); 
</script> 
</head>

<body>

<p><button class="example4DOMWindow">Open DOM Window</button></p> 
<div id="example4InlineContent" style="display: none;"> 
<div style="color: rgb(0, 0, 0);"> 
<p style="text-align: center; line-height: 80px;">Drag Me! Click html page behind me to close me.</p> 
</div> 
</div>

</body>
</html>

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Visą javascript kodą reikia dėti arba prieš </body> tagą arba reikia "įvinioti" į startinę funkciją. Tūrėtų būti taip:

 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Index</title>

<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script src="jquery.DOMWindow.js" type="text/javascript"></script>

<script type="text/javascript">
$(function() {
 $('.example4DOMWindow').openDOMWindow({
 height:100,
 width:500,
 positionType:'absolute',
 positionTop:100,
 eventType:'click',
 positionLeft:100,
 windowSourceID:'#example4InlineContent',
 windowPadding:20,
 draggable:1,
 windowBGColor:'#FFFF00',
 borderColor:'#990000',
 overlayOpacity:0
 });
});
</script>
</head>

<body>

<p><button class="example4DOMWindow">Open DOM Window</button></p>
<div id="example4InlineContent" style="display: none;">
<div style="color: rgb(0, 0, 0);">
<p style="text-align: center; line-height: 80px;">Drag Me! Click html page behind me to close me.</p>
</div>
</div>

</body>
</html>

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

×
×
  • Pasirinkite naujai kuriamo turinio tipą...