کد جی کوئری

[aliyaghobi]

سلام دوستان

میشه لطف کنید کد جی کوئری پیام سیستم این صفحه رو بهم بدید.

با سپاس

 

[erfan]

کدوم پیام بیشتر توضیح بدید؟

 

[aliyaghobi]

پیام alert ی که بالای سایت هست وقتی روش کلیک میشه مخفی میشه.کد html,css و جی کوئریشو میخوام

اینو مثلا تو یه فرم ارتباط با ما میخوام که هروقت کاربر فیلدها رو خالی گذاشت به رنگ قرمز نمایش بده و هروقت ایمیل ارسال شد به رنگ سبز ظاهر شه که هروقت روش کلیک شد محفی شه

امیدوارم منظورمو رسونده باشم

با سپاس

 

[erfan]

نوشتم براتون ولی طبق سلیقه خودتون روش کار کنید

کد CSS :

.top{
    width:100%;
    height:50px;
    position:fixed;
    left:0;
    top:0;
    background:#F00;
}
.top p{
    float:right;
    font:12px Tahoma, Geneva, sans-serif;
    color:#FFF;
    cursor:pointer;
    padding-top:10px;
    padding-right:15px;
}

<div class="top">
<p class="p">انجام شد!</p>
</div>

کد jQuery :

<script type="text/javascript">
$(document).ready(function(){
  $(".p").click(function(){
    $(".top").slideUp("slow");
  });
});
</script>

فقط یادت باشه حتماً کتابخانه jQuery رو لود کنی

 

[Mohammad]

البته دنبالر اگر اشتباه نکنم با css این کارو کرده. قابلیت انیمیشن css3

.warning {
    background-color: #DE4343;
    border-color: #C43D3D;
}
.notification {
    animation: 5s linear 0s normal none infinite animate-bg;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) inset;
    clear: both;
    cursor: pointer;
    left: -10px;
    margin: 8px 0;
    overflow: visible;
    padding: 25px;
    position: fixed;
    right: -10px;
    top: -10px;
    width: 100%;
    z-index: 2147483647;
}

و کد:

<div class="notification warning hideit">
                <p style="color: white;"><strong>انجام شد!</strong>با موفقیت از حساب کاربری خود خارج شدید. <a href="signin">ورود / عضویت</a></p>
            </div>

 

[aliyaghobi]

کد رو واسه کوته کننده لینک میخوام که وقتی کاربر فیلد رو خالی گذاشت و درخواست داد این شکلی پیام alert ظاهر شه

اینم کد جی کوئریش:

<script>
            $(document).ready(function(){
                $('.btn').live('click',function(e){
                    e.preventDefault();
                    var url = $('#url').val();
                    $('.result').html('<img src="img/fblod.gif" />');
                    $.post('shortener.php',{url: url},function(data){
                        if(data.short != 'invalid')
                            $('.result').html('<a href="'+data.short+'" target="_blank" >'+data.short+'</a>');
                        else
                            $('.result').html('<div class="error"><strong> اخطار! </strong>لطفا لینک را درست وارد کنید</div>');
                    },'json');
                });
            });
        </script>

ممنون میشم بگین دقیقا چیکار باید بکنم

لینک ها تنها برای اعضای سایت قابل نمایش است.

با سپاس

 

[aliyaghobi]

محمد عزیز ممنون میشم بگین دقیقا باید چیکار کنم تا کدها درست نمایش داده بشه

<script>
            $(document).ready(function(){
                $('.btn').live('click',function(e){
                    e.preventDefault();
                    var url = $('#url').val();
                    $('.result').html('<img src="img/fblod.gif" />');
                    $.post('shortener.php',{url: url},function(data){
                        if(data.short != 'invalid')
                            $('.result').html('<a href="'+data.short+'" target="_blank" >'+data.short+'</a>');
                        else
                            $('.result').html('<div class="error"><strong> اخطار! </strong>لطفا لینک را درست وارد کنید</div>');
                    },'json');
                });
            });
        </script>

    <form id="frm1" action="" method="post">
        <input id="url" name="url" class="subscr-input" type="text" onfocus="if(this.value=='http://') this.value='';" onblur="if(this.value=='') this.value='http://';" value="http://"><br/>
         <input type="button" class="btn" value="کوتاه کن!" id="subscr-btn">
        </form>
        <div class="result"></div>

.result
{
    text-align:center;
    font: 20px Tahoma;
    margin-top:30px;
}

.result a
{
    font-size:20px;
    color:#8cb82b;
    text-decoration:none;
}
.result a:hover
{
    color:#8cb82b;
    text-decoration:no-underline;
}
.error
{
    color:red;
    font:18px Tahoma;    
}

 

[Mohammad]

شما میتونی کدت رو تغییر بدی. سی اس اس رو در حالت عادی به صورت display: none بزار وقتی ارور داد این display رو block یا visible یاهر چیز دیگه ای غیر از none بزار...

 

[agahassan]

دوستان صاحبش راضی نیست اینو من دارم قبلا هم تو انجمن چهار شیرترونیکس گذاشته بودم نیما راضی نبود برداشتم . فقط جهت اطلاع گفتم

 

[aliyaghobi]

با کمک محمد عزیز مشکلم حل شد.اگه مدیر سایت دنبالر راضی نیست و مدیران پرشین اسکریپت صلاح میدونن این تایپک رو جذف کنن

(یه سوال: مدیر اون سایت خودش این کدها رو نوشت یا از یه جایی گرفت و اینکه آیا کپی برداری از چننین کدهای نقض کپی رایته؟!

من همیشه با این موضوع مشکل دارم یه نفر منو از ابهام در بیاره)

با سپاس