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

[علی زینلی 2114]

سلام

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

برای مثال از:

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

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

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

ممنون

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

[فرحان 997]

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

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

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

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

موفق باشید.

[Ehsaan 1865]

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

[علی زینلی 2114]

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

 "; echo "var myjsvar =" . $myphpvar; echo ""; ?> 

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

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

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

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

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

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

[علی زینلی 2114]

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

<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"> 

[علی زینلی 2114]

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

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

ممنون