علی زینلی

تغییر متن دکمه با هاور

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

سلام

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

برای مثال از:

 <?php echo get_the_title( $ID ); ?> 

تغییر بکنه به:

<?php comments_number( 'بدون دیدگاه', 'یک دیدگاه', '% دیدگاه' ); ?>.

ممنون

ویرایش شده در توسط anwalt
0

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


لینک به پست

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

اگر منظورتون این هست که نمیدونید چطوری این مقادیر رو به جاوا منتقل کنید باید کدی به صورت زیر بنویسید:


<?php
echo "<script>";
echo "var myjsvar =" . $myphpvar;
echo "</script>";
?>

کد بالا رو بعد از کامل کردن در یک تابع بگذارید و مثلا در قسمت هد فراخوانی کنید.(wp_head ).

موفق باشید.

1

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


لینک به پست

توی یه المنت مثل <p> دوتا span با آی دی مختلف بسازید و در یکی عنوان و در دومی دیدگاه ها را نمایش بدید، سپس با جی کوئری به صورت پیشفرض span عنوان رو نمایش بدید، و هنگامی که رویدار hover اتفاق افتاد، عنوان را مخفی و دیدگاه ها رو نمایش بدید.

1

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


لینک به پست
سلام. با تابع hover در جی کوئری به هنگم ورود موس متن قبلی را حذف و متن جدید را بنویسید و با خروج موس همان عمل به صورت معکوس. اگر منظورتون این هست که نمیدونید چطوری این مقادیر رو به جاوا منتقل کنید باید کدی به صورت زیر بنویسید:
 "; echo "var myjsvar =" . $myphpvar; echo ""; ?> 

کد بالا رو بعد از کامل کردن در یک تابع بگذارید و مثلا در قسمت هد فراخوانی کنید.(wp_head ). موفق باشید.

درست متوجّه نشدم.

اگر واضح تر توضیح بدید ممنون میشم.

توی یه المنت مثل

دوتا span با آی دی مختلف بسازید و در یکی عنوان و در دومی دیدگاه ها را نمایش بدید، سپس با جی کوئری به صورت پیشفرض span عنوان رو نمایش بدید، و هنگامی که رویدار hover اتفاق افتاد، عنوان را مخفی و دیدگاه ها رو نمایش بدید.

یعنی توی span اوّلی یه هاور بدم که به کلّی نوشته رو پاک کنه و دومی هم زیرش قرار داده بشه از قبل؟

0

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


لینک به پست

فکر کنم اگر یه همچین چیزی باشه براش درست بشه مگه نه؟

<img src="1.jpg"
onmouseover="this.src='http://code.naslno.com/wp-content/uploads/Renault-Megane-Tuning-178x165.jpg'"
onmouseout="this.src='http://code.naslno.com/wp-content/uploads/14-178x165.jpg'" width="100" height="100">

0

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


لینک به پست

فکر کنم با این کد حل بشه:

<a href="http://www.wp-parsi.com" onmouseover="this.innerHTML='http://google.com'" onmouseout="this.innerHTML='http://naslno.com'">http://www.google.com</a> 

ممنون

0

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


لینک به پست

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

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

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

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


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

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

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


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