solmaz

ساخت فرم به صورت خاص

19 پست در این موضوع قرار دارد

سلام به همه دوستان

لطفا به این لینک نگاه کنید

http://nbtele.com/products/

میخام بدونم میشه با وردپرس همچین فرمی ساخت؟

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

چطور این کار با وردپرس انجام میشه؟

یعنی یک فرم رو در قسمت های مختلف آکاردیون پخش کرد؟

0

به اشتراک گذاری این پست


لینک به پست

آکاردئون شدن فرم هیچ ربطی نه به وردپرس و نه به خود فرم نداره

فرم را می شود در وردپرس یا مستقیما در php ساخت

برای آکاردئون باید از jquery استفاده کرد

در یک ساختار ساده به این شکل


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js"></script><form>
<div class="acardeon">
<div class="f">
<h3>بخش اول</h3>
<div class="part">
محتویات بخش اول
</div>
</div>
<div class="f">
<h3>بخش دوم</h3>
<div class="part">
محتویات بخش دوم
</div>
</div>
<div class="f">
<h3>بخش سوم</h3>
<div class="part">
محتویات بخش سوم
</div>
</div>
</div>
</form>
<script type="text/javascript">
$(document).ready(function() {
$(".acardeon .f .part").hide();
$(".acardeon .f:nth-child(1) .part").show();
$(".acardeon .f>h3").click(function() {
var $this = $(this).parent(".f").find(".part");
if($this.is(":hidden"))
{
$(".part").slideUp("slow");
$this.slideDown("slow");
}
});
});
</script>

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


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js"></script>

را حذف کنید

5

به اشتراک گذاری این پست


لینک به پست

یعنی به صورت دستی باید این رو درست کرد؟

با افرونه نمیشه؟

0

به اشتراک گذاری این پست


لینک به پست

فکر کنم منظورم رو خوب نرسوندم

من با افزونه آکاردیون ایجاد کردم

همچنین با استفاده از افزونه فرم هم درست کردم

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

0

به اشتراک گذاری این پست


لینک به پست

با چه افزونه ای فرم ساختید؟

0

به اشتراک گذاری این پست


لینک به پست

contact form 7

که کدی که میده در آکاردیون میزارم

که در این صورت برای هر بخش از آکاردیون باید فرم جداگانه بسازم

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

0

به اشتراک گذاری این پست


لینک به پست

کدهای آکاردئون را در هنگام ساخت فرم به کدهاتون اضافه کنید

در زیر محلی که آیتم های فرم را انتخاب می کنید محل کدها مشخصه

1

به اشتراک گذاری این پست


لینک به پست

ببخشید یعنی کدهای آکاردیون رو بزازم در contact form 7 و در داخلش فرم ها رو قرار بدم؟

0

به اشتراک گذاری این پست


لینک به پست

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

نیازی به افزونه برای آکاردئون نیست

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

http://jsfiddle.net/j9RzT/1/

و کدهای css و js را هم به محل مناسب منتقل کنید

2

به اشتراک گذاری این پست


لینک به پست

من انجام میدم و نتیجه رو اطلاع میدم

0

به اشتراک گذاری این پست


لینک به پست

من این کاری که گفتین رو انجام دادم و جواب هم گرفتم خیلی ممنونم.

اما چند سوال داشتم

1-من وقتی فرم رو پر میکنم و ارسالش میکنم ایمیلی که دریافت میکنم نوشته ها از چپ به راست و به صورت قاطی هست.

همونطور که گفتم من از contact form 7 استفاده میکنم و هر کاری کردم اون قسمت که مربوط به دریاقت ایمیل میشه رو نمیتونم قارسی کنم که از راست به چپ بنوسیم.

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

چطور این مشکل رو حل کنم؟

2-این کد که دادین:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js"></script>

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

3-اون لینک سایت که معرفی کردین رفتم و کد جاوا رو برداشتم.بعدش توی فایل هام گشتم یه پوشه جاوا داشتم اما توش چند فایل با پسوند js داشتم . از کجا بدونم از کدومش استقاده کنم و این کد رو داخلش بزارم؟

همینجوری تو یکیش گذاشتم و جواب داد!

4-کمی در مورد اون سایت توضیح میدین که چی هست؟ این کد ها از کجا اومد

ببخشید طولانی شد

من خیلی مبتدی هستم

:(

0

به اشتراک گذاری این پست


لینک به پست

کدوم سایتی که من لینک دادم؟

اگر منظورتون http://jsfiddle.net/j9RzT/1/ یک سایت عمومیه برای اجرای آزمایشی کدها و من کدهایی که برای شما آماده کردئه بودم رو توش براتون آپلود کردم

و اگر منظورتون

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js"></script>

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

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

و دیگه به اون بخش کد احتیاج ندارید

این قسمت از کد را انتهای هر کدوم از فایلهای js که دارید قرار بدید (مشروط بر اینکه در header سایتتون فراخوانی شده باشه


$(document).ready(function() {
$(".acardeon .f .part,.acardeon .f .part table td").hide();
$(".acardeon .f:nth-child(1) .part,.acardeon .f:nth-child(1) .part table td").show();
$(".acardeon .f:nth-child(1) h3").addClass("active");
$(".acardeon .f>h3").click(function() {
var $this = $(this).parent(".f").find(".part");
if($this.is(":hidden"))
{
$(".part").slideUp("slow");
$(".part").find("table td").fadeOut();
$this.slideDown("slow");
$this.find("table td").delay(1000).fadeIn("slow");
$("h3").removeClass("active");
$(this).addClass("active");
}
});
});

و در هنگام ساخت فرم هم بجای نمونه های


[input-radio 2532]

کدهای اینپوتی که ساختید رو بگذارید

این نشانی


//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js

سایت Googlea API استن که CDN مناسب برای کدهاست و البته قرار دادن کد توش برای ایران تحریمه ولی می تونید از کدهای اون استفاده کنید

این نشانی نیازی به پروتکل (http یا https) نداره

2

به اشتراک گذاری این پست


لینک به پست

ممنون

یه سوال دیگه داشتم

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

همونطور که گفتم من از contact form 7 استفاده میکنم و هر کاری کردم اون قسمت که مربوط به دریاقت ایمیل میشه رو نمیتونم قارسی کنم که از راست به چپ بنوسیم.

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

چطور این مشکل رو حل کنم؟

0

به اشتراک گذاری این پست


لینک به پست

به style.css اضافه کنید


form,form * {
direction:rtl !important;
text-align:right !important;
}

1

به اشتراک گذاری این پست


لینک به پست

منظورم این نبود

من منظورم اینه که ایمیل که دریافت میشه این مشکل رو دارم. یعنی inbox ایمیلم رو میگم

0

به اشتراک گذاری این پست


لینک به پست

من فکر کنم دلیلش اینه که contact form 7 من انگلیسی هست و من هر کاری میکنم نمیتونم اون قسمت که مربوط به ایمیل میشه رو از راست به چپ کنم(منظورم پایین سمت راست contact form 7)

0

به اشتراک گذاری این پست


لینک به پست
post-336-0-23426400-1383582084_thumb.jpg
1

به اشتراک گذاری این پست


لینک به پست

ممنونم این مشکل هم حل شد یعنی جهت از راست به چپ شد

فقط جملاتی که توش کلمه انگلیسی هست مرتب نیست

اول انگلیسی میاد بعد فارسی

یه سوال دیگه هم داشتم

من در فرم چک باکس دارم که اینها رو به صورت عمودی در سایت نشون میده اما وقتی ایمیل دریافت میکنم اینها رو در یک سطر به صورت افقی میاره.میخام عمودی دریافت بشه

0

به اشتراک گذاری این پست


لینک به پست

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

مگه ایمیل را خودتون دریافت نمی کنید؟

برای خودتون هم استایل دهی می کنید؟ این استایل ها باعث سنگینی ایمیل و فشار به منابع سرورتون که ارسال کننده است می شه

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط Mr Mirzaei
      سلام
      من میخواستم فایل جاوا اسکریپت با پسوند js رو روی سایتم اپلود کنم ولی ارور میده
      مینویسه:
      “js 1” به‌خاطر وجود ایراد بارگذاری نشد
      متاسفانه، این نوع پرونده به دلایل امنیتی مجاز نیست.
      اگه کسی میدونه مشکلش چیه لطفا به منم بگه
    • توسط mehditalaei
      سلام
      بنده یه افزونه نیاز دارم تا برای کاربرای سایت داشبورد حرفهای بسازم و کاربر با ورود به ناحیه کاربری بتونه اونو مدیریت کنه.
    • توسط Morteza
      قوانین کلی انجمن
      1- در هنگام ثبت نام از کلمات مناسب جهت نام کاربری استفاده نمایید. نام های کاربری حاوی کلمات نامناسب ، نام های کاربری که جنبه تبلیغاتی داشته و یا نام های کاربری که نام یک سایت می باشند ، سریعا حذف خواهند شد.
      2- به دیگران احترام بگزارید. با هرگونه بی احترامی برخورد جدی و حتی منجر به قطع دسترسی کاربر خاطی خواهد شد.
      3- در انتخاب آواتر و امضا دقت کنید و از تصاویر و کلمات موهون و نامناسب استفاده ننمایید. توجه کنید که امضا هایی که حاوی تصاویر و کلمات موهون و نامناسب باشند و یا جنبه تبلیغاتی داشته باشند سریعا حذف خواهند شد و در صورت تکرار با فرد خاطی برخورد خواهد شد.
      4- برای مطالب خود از عنوان مناسب و گویا استفاده نمایید. در عنوان مطالب خود از عبارات و کلمه هایی مانند : کمک کنید ، درخواست فوری ، نیاز شدید ، تورو خدا کمکم کنید ، خیلی مهم و جملاتی شبیه به این خودداری نمایید.
      5- حتما قبل از ایجاد یک موضوع در انجمن جستجو کنید و از ایجاد مطالب تکراری خودداری نمایید.
      6- از اسپم کردن موضوعات پرهیز کنید. جهت دریافت پاسخ صبر داشته باشید. برای تشکر از دکمه تشکر استفاده کنید.
      7- فارسی بنویسید و از فینگلیش نوشتن خودداری کنید. در غیر اینصورت با فرد خاطی برخورد خواهد شد.
      8- فعالیت های تجاری را فقط در بخش مشخص شده انجام دهید و از ایجاد موضوعاتی با جنبه تجاری در دیگر بخشها خودداری نمایید. از دادن پاسخهایی که جنبه تجاری و یا تبلیغی دارند خودداری نمایید. در صورت مشاهده چنین پست هایی با فرد خاطی برخورد خواهد شد.
      9- گروه وردپرس پارسی هیچگونه مسئولیتی در مورد فعالیت های بخش تجاری ندارد و تمامی مسئولیت به عهده ایجاد کننده موضوع است.
      10-هرگونه بحث سیاسی - مذهبی در این انجمن ممنوع می باشد. هرگونه توهین و مجادله و مباحثه در مباحث دینی و سیاسی ممنوع بوده و تاپیک های اینچنینی حذف و کاربران خاطی محروم می شوند. در صورت تکرار فرد خاطی برای همیشه از انجمن اخراج می شود.
      11- ارائه شماره تماس و ایمیل جهت همکاری و یا خرید و فروش و یا هرگونه مورد دیگر بصورت عمومی در انجمن ممنوع است. جهت تبادل موارد ذکر شده از طریق پیام خصوصی اقدام کنید.
      12- هرگونه درخواست کامل سازی پوسته در انجمن ممنوع است. اگر نیاز به تکمیل کد بخش خاصی از پوسته را دارید باید درخواست خود را در یک تاپیک جدید مطرح کنید و از درخواست تکمیل کدنویسی و یا طراحی یک پوسته جدا خودداری کنید.
      13- هرگونه بحث در مورد تکمیل و اشکال زدایی پوسته های ریپ در انجمن ممنوع است. اگر نیاز به تکمیل کد بخش خاصی از پوسته را دارید باید درخواست خود را در یک تاپیک جدید مطرح کنید و از درخواست تکمیل کدنویسی و یا طراحی یک پوسته ریپ جدا خودداری کنید.
      14- هرگونه درخواست فایل/پوسته/افزونه و سایر محصولهای تجاری در انجمن ممنوع است.
      15- هرگونه پرسش و بحث درباره محصولهای تجاری در انجمن ممنوع است. پشتیبانی محصولهای تجاری به عهده سازنده/فروشنده آن است.
      بروزرسانی پنجم.
    • توسط hamidgh
      سلام
      در صفحه محصولاتم هنگام خرید و اتمام مراحل ، وارد قسمت سفارشات شدم تا سفارش را ببینم متوجه شدم محصولی که 100 عدد در انبار بوده با یک خرید تمام شده و عدد 1- نمایش داده شده . در محصولات دیگر هم همین مشکل به وجود آمده است . هر عددی که در بخش تعداد در انبار می زارم بعد از یک خرید به 1- تغییر پیدا میکنه و دیگه کاربری نمیتواند ان محصول را به علت عدم موجود در انبار بخرد . همه افزونه ها رو هم غیر فعال کردم ولی درست نشد . ووکامرس هم اخرین نسخه است .از اول هم همین مشکل را داشتم
      ممنون می شوم در حل این مشکل راه نماییم کنید
      با تشکر
    • توسط napo
      سلام 
      افزونه max mega menu  رو دانلود کردم ولی متاسفانه راستچین نیست یعنی زیر منو رو سمت راست ایجاد میکنه به جای اینکه در سمت چپ نشون بده همونطوری که توی عکس مشخصه بعد انتخاب دوتا زیر منو کلا از صفحه خارج میشه
      اگه میشه کمکم کنید
      اگه کسی افزونه ای دیگه میشناسه که هم راستیچینه هم اکاردئونی ممنون میشم معرفی کنه