رفتن به مطلب

پست های پیشنهاد شده

سلام خدمت دوستان عزیز

امیدوارم روزه نمازتون قبول باشه

دوستان من ی عکسی دارم،عکس ی حالت خبرنامه مانند.میخوام وقتی روش کلیک کردند ی پاپ آپ باز بشه و ایمیل کاربران دریافت شه و مقدار ورودیش(که میشه همون ایمیل کاربران) رو ایمیل کنه.

راستش از افزونه نمیخوام اصن استفاده کنم.خیلی ممنون میشم راهنماییم کنین

لینک به ارسال

سلام. همچنین

پاپ اپ / ایجاد صفحات پاپ آپ / کد پاپ آپ

برای دریافت ایمیل هم که از تابع زیر به راحتی میتونین استفاده کنین:


@mail($email_to, $subject ,$message ,$header ) ;

که میتونین با ساخت یک فرم در html تنها یک متغیر داشته باشید که ایمیل کاربر رو به این تابع برسونید.

لینک به ارسال

ممنونم،واقعا همونیه که میخوام

منتها طرز استفاده اش نمیدونم چطویه

من الان ی عکس دارم اینه:

feed.jpg

چطوری باید این کدها ر. که دادید به این عکس اضافه کنم؟

میشه راهنمایی کنین؟ممنونم

لینک به ارسال

کد رو که نمیشه به عکس اضافه کرد!

عکس رو بایددر کد قرار بدید

شما میتونید عکس رو در بکگراند قرار بدید

بعد هم اون بخش لینک رو بهش استایل بدید و بزرگش کنید تا متن رو دربر بگیرده یا از map برای آدرس دهی در روی عکس استفاده کنید

لینک به ارسال

راستش من ی سری کدها رو داخل ی ابزارک متن اضافه کردم منتها کار نمیکرد.یعنی اچ تی ام الشو بین تگ body رو و اون کدهای جاوا اسکریپت رو داخل تگ script ابزارک و اون دو تا جی کوئری فراخوانی شده در هدر رو در بین تگ هدر،اما کار نکرد.

لینک به ارسال

شما توی ویجت "متن" فقط میتونی کد html بدی.

اگر میخوای کد هارو توی ابزارک قرار بدی، میتونی از این افزونه استفاده کنی.

ویجتی میسازه که php رو اجرا میکنه:

PHP Code Widget

لینک به ارسال

ببخشید من الان این دو تا رو داخل سربرگم گذاشتم.


<script src="http://dinbror.dk/bpopup/assets/jquery.bpopup-0.9.3.min.js"></script>
<script src="http://dinbror.dk/bpopup/assets/jquery.easing.1.3.js"></script>

این زیری رو هم داخل فوتر:


<script>
$(document).ready(function($) {
$('.popup').on('click', function() {
$('#popup-box').bPopup({
easing: 'easeOutBack',
speed: 450,
transition: 'slideDown'
});
});

$('#subscription').on('submit', function(e){
var email = $('#email').val();
e.preventDefault();
console.log( email );
if( email === "" ) {
$('#errors').text('Please enter your email ... ').fadeIn(500);
$('#succeed').text('');
} else if ( !isValidEmail(email) ) {
$('#errors').text('Please enter a valid email ... ').fadeIn(500);
$('#succeed').text('');
} else {
$('#errors').text('');
var data='email='+email;
$.ajax({
type: "POST",
url: "sample.php",
data: data,
dataType: "text",
beforeSend: function() {
$('#sending').text('Sending ...').fadeIn();
}
}).done(function() {
$('#sending').text('');
$('#succeed').text('Your email has been recived ').fadeIn(500);
}).fail(function() {
$('#sending').text('');
$('#errors').text('Some errors occurred').fadeIn(500);
});
}
});

});
function isValidEmail(email) {
var pattern = new RegExp(/^[a-z0-9._]+\@[a-z0-9._]+\.[a-z]+$/i);
return pattern.test(email);
}
</script>

سپس این ها رو داخل ابزارگ هام(متن):


<h2><a href="#" class="popup">تست</a></h2>
<div id="popup-box">
<h1>Newsletter!</h1>
<div class="subSection">
<form id="subscription" method="post" action="">
<input id="email" type="text" placeholder="your@email.com" name="email" />
<input type="submit" name="submit" value="Join!" />
</form>
<p id="errors"></p>
<p id="sending"></p>
<p id="succeed"></p>
</div>

</div>

البته استایل رو هم که داخل استایل کپی کردم.

اما کار نمیکنه.روش میزنم میره بالای صفحه

دمو

لینک به ارسال

تا اینجا کدهای شما ربطی به ارسال ایمیل نداشت

برای ارسال ایمیل باید اکشن بسازید

برای ساخت اکشن هم لازمه بدونم قراره ایمیل دربیافتی چی بشه در دیتابیس ذخیره بشه به ایمیل شما ارسال بشه یا افزونه ای برای ساب اسکریپت دارید می خواهید به اکشن اون اضافه بشه یا ...

این رو تعیین کنید

لینک به ارسال

و یک چیز دیگه شما که از کد html5 استفاده می کنید نیازی نیست این کد را اجرا کنید


function isValidEmail(email) {
var pattern = new RegExp(/^[a-z0-9._]+\@[a-z0-9._]+\.[a-z]+$/i);
return pattern.test(email);
}

بجاش می تونید یک کلمه الزامی باشد را به فیلد مربوطه اضافه کنید


<input id="email" type="email" placeholder="your@email.com" name="email" required />

توجه کنید تایپ فیلد هم از text به email تغییر کرد

لینک به ارسال

این کد را در یک برگه به نام send.php دز قالبتون ذخیره کنید


<?php
if (isset($_REQUEST['email']))
{
$email = $_REQUEST['email'] ;
$subject = 'ثبت نام عضو جدید';
$message = '<a href="mailto:'.$email.'">'.$email.'</a>' ;
mail("YOUREMAIL@MAILCOM", $subject,
$message, "From:" . $email);
}
?>

YOUREMAIL@MAILCOM را با ایمیلتون عوض کنید

در کدهای فرم بالا

خط باز شدن تگ فرم که اکشنش خالیه را به این صورت ویرایش کنید


<form id="subscription" method="post" action="http://glassy-garden.com/wp-content/themes/نام پوشه قالب/send.php">

در کدهایی که در فوتر گذاشتید

sample.php

را بیابید و تغییرش بدید به


<?php bloginfo('template_url'); ?>/send.php

لینک به ارسال

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

لینک به ارسال

اگر سایت به کتابخانه بالای 1.4 وصل باشه کدها تغییر می کنه

این صفحه را بخوانید

http://dinbror.dk/blog/bPopup/

لینک به ارسال

من الان داخل سایتم در رابطه با این پاپ آپ همین کدهای همین سایت رو گذاشتم(که اقای مهرال(نمیدونم درست نوشتم یا نه) دادند).البته داخل هدرم جی کوئری jquery-1.4.2.min.js فراخوانی شده.به نظرتون به این دلیل اجرا نمیشه که نسخه جی کوئری متفاوته؟

از داخل این سایتی که دادید رسیدم به همچین جایی:

http://jsfiddle.net/24A9b/3915/

کد های این رو تو جای مناسبش قرار دادم پاپ آپ انجام میشد خیلی هم قشنگ بود!!منتها بدیش این بود فقط ی بار پاپ آپ میشد :huh:

لینک به ارسال

یه پیشنهاد

کدهای جی کوئری که اضافه کردید رو به کل حذف کنید همینطور صفحه send.php را هم از قالبتون حذف کنید

در این کد بجای YOUREMAIL@MAILCOM نشانی ایمیلتون را بگذارید و به نام send.php را در روت سایت ذخیره کنید


<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>خبرنامه رایگان</title>
<style type="text/css">
body {margin:0;text-align:center;overflow:hidden;background-image: -webkit-linear-gradient(bottom, #01121b, #036ba7);background-image: -moz-linear-gradient(bottom, #01121b, #036ba7);background-image: -o-linear-gradient(bottom, #01121b, #036ba7);background-image: -ms-linear-gradient(bottom, #01121b, #036ba7);background-image: linear-gradient(to top, #01121b, #036ba7);width: 300px;height: 100px;}form { width:280px; height:80px; padding:10px; overflow:hidden;}
form input[type=submit],input[type=button] {border:2px #666 outset;background-image: -webkit-linear-gradient(bottom, #042d46, #0072b6);background-image: -moz-linear-gradient(bottom, #042d46, #0072b6);background-image: -o-linear-gradient(bottom, #042d46, #0072b6);background-image: -ms-linear-gradient(bottom, #042d46, #0072b6);background-image: linear-gradient(to top, #042d46, #0072b6);width: 276px;height: 36px;font-family: Tahoma;font-size: 15px;color:#F7F7F7;text-shadow:1px 1px 0px rgba(0, 0, 0, .5);}
form input[type=submit]:active,input[type=button]:active {border:2px #666 inset;}
form input[type=email] {border: solid 1px #666;background-image: -webkit-linear-gradient(bottom, #ccc 1%, #fff 53%, #ccc);background-image: -moz-linear-gradient(bottom, #ccc 1%, #fff 53%, #ccc);background-image: -o-linear-gradient(bottom, #ccc 1%, #fff 53%, #ccc);background-image: -ms-linear-gradient(bottom, #ccc 1%, #fff 53%, #ccc);background-image: linear-gradient(to top, #ccc 1%, #fff 53%, #ccc);width: 276px;height: 36px;color:#369;font-family:Tahoma;font-size:15px;text-shadow:1px 1px 0px rgba(0, 0, 0, .5);}
p { font-family:Tahoma;font-size: 15px;color:#F7F7F7;text-shadow:1px 1px 0px rgba(0, 0, 0, .5);direction:rtl;}
p a {text-decoration:underline;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:13px;display:inline-block;padding-left:5px;padding-right:5px;}
p a:hover {color:#CCCC00;text-decoration:none;}
</style>
</head>
<body>
<?php
if (isset($_REQUEST['email']))
{
$email = $_REQUEST['email'] ;
$subject = 'ثبت نام عضو جدید';
$message = '<a href="mailto:'.$email.'">'.$email.'</a>' ;
mail("YOUREMAIL@MAILCOM", $subject,$message, "From:" . $email);
echo '<p>با تشکر، نشانی <a target="_blank" onclick="window.close()" href="mailto:'.$email.'">'.$email.'</a> ثبت شد</p>';
echo '<input type="button" onclick="window.close()" value="خروج و بازگشت به سایت" >';
}
else {
?>
<form method="post" action="http://glassy-garden.com/send.php">

<input id="email" type="email" placeholder="your@email.com" name="email" required >
<input type="submit" value="ثبت تقاضای عضویت ">
</form>
<?php }; ?>
</body>
</html>

و این کد را به قالبتون


<a href="javascript:window.open('http://glassy-garden.com/send.php','subscript','height=100,width=300')">
اشتراک رایگان </a>

تست کنید و خبر بدید

لینک به ارسال

استادد،چیز ببخشید،آقای فخار فوق العاده شد،کار کرد.چه راه حل جالبی.ممنونم،

رفتم که بهش استایل بدم :D

متشکرم.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...