پنجره اي كه هميشه در وسط صفحه باشه

shadmehr2009 · May 6, 2010

سلام به همه دوستان عزيز :

من ميخوام وقتي صفحه وب سايتم بالا اومد يك div درست وسط صفحه نمايش داده بشه و با scroll و يا هر كار ديگه اي
موقعيت خودشو حفظ كنه ، اين بخش حفظ موقعيت رو اگه كسي راهنماييم كنه ممنون مي شم
البته با posetion:fixed تو css مي شه ولي تو ie مشكل داره و عمل نمي كنه و فكر كنم بايد با جاوا اسكريپت حل بشه اما مسئله تو اينه كه چطور با Scroll شدن كنار بيام؟.چون تگ body. onScroll نداره
با تشكر از شما دوست عزيزي كه جوابمو مي دين

mohan21 · May 6, 2010

توجه داشته باشید که direction تگ body باید ltr باشد تا در Ie مشکلی پیش نیاید ...

HTML:

<html>

    <head>
        <title>PopUp</title>

        <style>
            body
            {
                direction: ltr ;
            }

            #PopUp
            {
                width: 473px ;
                font-size: 10pt ;
                margin: -132px 0 0 -232px ;
                left: 50% ;
                top: 50% ;
                text-align: center ;
                direction: rtl ;
                position: absolute ;
                display: none ;
            }

            #PopUp .PopUp_Top
            {
                background: url('popup_top.png') no-repeat ;
                width: 473px ;
                height: 33px ;
            }

            #PopUp .PopUp_Center
            {
                background: url('popup_center.png') repeat-y ;
                width: 473px ;
                float: right ;
            }

            #PopUp .PopUp_Bottom
            {
                background: url('popup_bottom.png') no-repeat ;
                width: 473px ;
                height: 14px ;
                clear: both ;
            }

            #PopUp .PopUp_Top a , #PopUp .PopUp_Top a:visited
            {
                width: 15px ;
                height: 15px ;
                float: left ;
                text-decoration: none ;
                border: 1px solid #666666 ;
                margin: 7px 0 0 11px ;
                padding: 0 ;
                font-family: tahoma ;
                font-size: 9pt ;
                line-height: 1em ;
            }

            #PopUp .PopUp_Top a:hover
            {
                text-decoration: none ;
                border: 1px solid #ffffff ;
            }

            #PopUp_MainText
            {
                padding: 0 10px 0 10px ;
                line-height: 1.5em ;
                text-align: justify ;
            }
        </style>
    
        <script>
            function ShowPopUp ()
            {
                document.getElementById ('PopUp').style.display = 'block' ;
            }

            function ClosePopUp ()
            {
                document.getElementById ('PopUp').style.display = 'none' ;
            }
        </script>
    </head>

    <body>

        <a href="javascript: ShowPopUp ();">Show PopUp</a>

        <br /><br />

        <div id="PopUp">
            <div class="PopUp_Top">
                <a href="javascript:ClosePopUp ();"></a>
            </div>
            <div class="PopUp_Center">
                <div id="PopUp_MainText">
                    phpDesigner is the complete PHP Editor and PHP IDE (integrated development environment) for all your PHP but also HTML, CSS, Smarty, SQL, XML and JavaScript development with focus on boosting your productivity, facilitating you in  learning PHP in an user-friendly environment that makes it enjoyable to use for hours for both beginners and professional developers. 
                </div>
            </div>
            <div class="PopUp_Bottom"></div>
        </div>

    </body>
</html>

shadmehr2009 · May 10, 2010

ممنون از راهنمايي شما دوست عزيز ولي اين پنجره كه جاش ثابت نيست!! وقتي محتويات تگ body زياده و بايد اسكرول بشه من مي خوام با اسكرول كردن ، اي پنجره همون طور تو جاي خودش ثابت بمونه(مثل يه مزاحم) تا نبندنش وسط صفحه باشه تو همون موقعيت باقي بمونه ، اما اين مثال شما وقتي من اسكرول مي كنم به پايين اون از صفحه در مياد و برا ديدنش دوباره بايد بالا برم!!!