لديك حساب بالفعل؟ دخول
دخول  سجل الأن 
ركن مشاكل وحلول البرمجة
استخدام tooltip مع جي كويري وبيانات معطاة من الداتابيز.
اريد ان استخدم البلج ان المسمى tooltip ::
عشان اظهر اسماء المستخدمين او عناوين المقالات في الموقع ..
علماً ان البيانات آتي بها من الداتابيز مع بي اتش بي ...
البلج ان موجود معي لكن كيف ابرمجة واستخدمه مافهمتها تمام وماتطبقت معاي سوا..
فيا ريت لو هناكـ شرح بسيط جداً للبلج ان هذه وشكراً
تاريخ البداية: 12 / يناير / 2012 الساعة 14:3 اخر نشاط: 13 / يناير / 2012 الساعة 20:56 php tooltip jquery
1 إجابة
تستخدم مثلها مثل اى اضافة جى كويرى اخرى ، تستدعى الجافا سكريبت الخاصة بها فى الهيد ووضع الـselector على العنصر وما تتلطبه الاضافة.

مثال لاستخدام واحدة من اشهر هذه الاشياء وهى tipsy
بعد استدعاء الملف وتنفيذ الكود والاعدادات كالتالى
$('#foo').tipsy({gravity: 'n'}); // nw | n | ne | w | e | sw | s | se
وفى الهتميل تفعل شىء كهذا
<a id='foo' href='#' title='This is an example of south gravity'>South</a>
اما للتطبيق من قاعدة البيانات .. لنعتبر متغير names عبارة عن مصفوفة ، نستعملها كبديل لقاعدة البيانات كمثال فقط ، اما انت ستستعمل قاعدة بيانات 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>tipsy</title>
    <!-- هنا استدعينا مكتبة الجى كويرى + الاضافة -->
    <script type='text/javascript' src='http://onehackoranother.com/projects/jquery/tipsy/assets/jquery-1.4.2.min.js'></script>
    <script type="text/javascript" src="http://onehackoranother.com/projects/jquery/tipsy/javascripts/jquery.tipsy.js"></script>    

    <!-- هنا الكود الخاص بتشغيل الاضافة ويمكنك اضافة الكثير من الاعدادات -->
    <script type='text/javascript'>
      $(function() {
        $('.tooltip').tipsy();  
      });
    </script>
    
    <!-- هنا استدعينا ملف الاستيل الخاص بالاضافة -->
    <link rel="stylesheet" href="http://onehackoranother.com/projects/jquery/tipsy/stylesheets/tipsy.css" type="text/css" />
</head>

<body>



</body>
</html>

<?php
	
    $names = array(
        array('username' => 'imad', 'title' => 'this is toolip for imad'),
        array('username' => 'ahmed', 'title' => 'this is toolip for ahmed'),
        array('username' => 'mohmed', 'title' => 'this is toolip for mohmed'),
    );

    foreach ($names as $value) {
    	echo "<a class='tooltip' href='#' title='{$value['title']}'>{$value['username']}</a><br />";
    }    
    
?>

بواسطة: MacOS
منذ: 12 / يناير / 2012 الساعة 15:30

شكراً
13 / يناير / 2012 الساعة 20:56

أنشر اجابتك

xهل تريد الاجابة عن هذا السؤال؟ من فضلك سجل دخول او اشترك لتتمكن من الاجابة