[PHP][CSS][AJAX]NOwe okno z shoutbox Opcje

[Ziom73]

Chciałbym zrobić, aby po kliknięciu w link "Shoutbox" Wyszło okienko (najlepiej w ajax), które można dowolnie przenieść na po stronie, i żeby była domyślna pozycja po prawej, oraz, żeby można było zamknąć okienko ;-)

Tak to sobie wymarzyłem ;]

Za pomoc w zrobieniu, lub danie gotowca Z góry baaardzo dziękuję!

Ten post edytował Ziom73 6.08.2009, 10:17:22

[Ziom73]

Dobra wybrałem sobie inne działające już okienko ;]
Jeszcze dostosowuję shoutbox ;]

Zrobiłem już, ale gryzie się z moim menu, czyli nie ma przesówających się obiektów pod tekstem ;/
menutop:

[PHP] pobierz, plaintext 
<?php
<link rel="stylesheet" href="lavalamp_test.css" type="text/css" media="screen">
    <script type="text/javascript" src="jquery-1.2.3.min.js"></script>
    <script type="text/javascript" src="jquery.easing.min.js"></script>
    <script type="text/javascript" src="jquery.lavalamp.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#1, #2, #3").lavaLamp({
                fx: "backout",
                speed: 700,
            });
        });
    </script>
    <!--  Prototype Window Class Part -->
    <script type="text/javascript" src="/includes/shoutbox/js/documentation/javascripts/prototype.js"> </script> 
      <script type="text/javascript" src="/includes/shoutbox//js/documentation/javascripts/effects.js"> </script>
      <script type="text/javascript" src="/includes/shoutbox/js/documentation/javascripts/window.js"> </script>
      <script type="text/javascript" src="/includes/shoutbox/js/documentation/javascripts/window_effects.js"> </script>
      <script type="text/javascript" src="/includes/shoutbox/js/documentation/javascripts/debug.js"> </script>
      
    <link href="/includes/shoutbox/js/documentation/themes/default.css" rel="stylesheet" type="text/css" >     </link>
      <link href="/includes/shoutbox/js/documentation/themes/spread.css" rel="stylesheet" type="text/css" >     </link>
      <link href="/includes/shoutbox/js/documentation/themes/alert.css" rel="stylesheet" type="text/css" >     </link>
      <link href="/includes/shoutbox/js/documentation/themes/alert_lite.css" rel="stylesheet" type="text/css" >     </link>
      <link href="/includes/shoutbox/js/documentation/themes/alphacube.css" rel="stylesheet" type="text/css" >     </link>
      <link href="/includes/shoutbox/js/documentation/themes/debug.css" rel="stylesheet" type="text/css" >     </link>
 
    <!--  Doc Part-->
          <script type="text/javascript" src="/includes/shoutbox/js/documentation/js/application2.js"> </script>
    <script type="text/javascript">
        $(function() {
            $("#1, #2, #3").lavaLamp({
                fx: "backout",
                speed: 700,
            });
        });
    </script>
 
<ul class="lavaLampWithImage" id="2">
    <li class="current"><a href="#">FAQ</a></li>
    <li><a href="/regulamin.php">Regulamin</a></li>
    <li><a href="#">        <script>Application.addTitle('Open a window with an URL inside', 'open_window2')</script>
                  <div class="listing" style="display:none" id="open_window2_codediv">
          <xmp id="open_window2">
var win = new Window({className: "spread", title: "Shoutbox", 
                      top:120, left:10, width:300, height:243, 
                      url: "/includes/shoutbox/minichat.php", showEffectOptions: {duration:1.5}})
win.show();                                            
          </xmp>   
</div></a></li>
</ul>
?>
[PHP] pobierz, plaintext 

menu mam takie: <a href="http://forum.php.pl/index.php?showtopic=11...mp;#entry637504" target="_blank">http://forum.php.pl/index.php?showtopic=11...mp;#entry637504</a>

a okienka mam z <a href="http://prototype-window.xilinus.com/downlo...dows_js_1.3.zip" target="_blank">http://prototype-window.xilinus.com/downlo...dows_js_1.3.zip</a>

Zobaczcie efekt <a href="http://site.thawsite.cba.pl/index2.php" target="_blank">http://site.thawsite.cba.pl/index2.php</a>

Ten post edytował Ziom73 7.08.2009, 12:45:54