![](http://parsviva.parsaspace.com/parsviva-post-image/jQuery.jpg)
معمولا وقتي در يك صفحه وب، اشارهگر موس را بر روي لينكي قرار ميدهيد، اگر ويژگيtitle آن داراي مقداري باشد، آن را در يك جعبه زرد مشاهده ميكنيد كه مدت نمايش آن بسيار كوتاه و داراي يك سري محدوديتهايي است. استفاده از ويژگي title براي عناصر لينك ميتواند باعث شود كه موتورهاي جستجوگري نظير گوگل بهتر آنها را شناسايي و دنبال كنند. شايد براي كارهاي معمولي و ساده استفاده از ويژگيtitle كافي به نظر رسد، اما در شرايطي ديگر و با توجه به وضعيت صفحهاي كه طراحي ميشود، برخي از لينكهاي موجود در صفحه نياز پيدا ميكنند تا اطلاعات كاملتري را با كيفيت نمايش بهتر، به كاربران نمايش دهند.
بر اين اساس و با استفاده از كتابخانه قدرتمند جيكوئري و پلاگيني كه براي انجام اين كار نوشته شده است ميتوان اين نياز را برطرف كرد.
با استفاده از پلاگينjTip جيكوئري ميتوانيدtooltip هايي با امكانات بيشتر و ظاهري بهتر را براي لينكهاي موردنظر خود ايجاد كنيد، به نحوي كه اطلاعات كاملي را در مورد مطالبي كه در لينك مورد نظر قرار دارد، به كاربران نمايش دهيد.
اين پلاگين اطلاعات مورد نظر جهت نمايش را از طريق روشHttpXMLRequest از سرويس دهنده دريافت و به كاربر نمايش ميدهد. با افزودن كلاسي با نام jTip به لينك خود ميتوانيد از امكانات اين پلاگين استفاده كنيد.
جهت استفاده از اين پلاگين ابتدا كد شناسايي جيكوئري توسط مرورگر را در قسمت head صفحه قرار دهيد:
و سپس كد شناسايي پلاگين را قرار دهيد:
طرز كار پلاگين jTip به اين شكل است كه ابتدا بايد صفحهاي كه مايل هستيد اطلاعاتش به عنوانtooltip نمايش دادهشود را جداگانه ايجاد كنيد، سپس آدرسhref لينك موردنظرتان بايد به صفحهاي كه ايجاد كرده ايد اشاره كند. از اين طريق ميتوانيدtooltip مناسبي را براي لينكهاي خود ايجاد كنيد.
اما شايد اين سوال براي شما پيش آيد كه تكليف آدرس اصلي چه ميشود؟ پاسخ بسيار ساده است، اين پلاگين از انعطاف پذيري خوبي برخوردار است، به عنوان مثال فرض كنيد لينك شما قرار است به آدرس www.yahoo.com اشاره كند و كاربران را به اين آدرس راهنمايي كند، بر اين اساس آدرس لينكي كه بايد در مشخصهhref لينك قرار گيرد چيزي شبيه اين خواهد بود:
yahoo.htm صفحه اي است كه خودتان آن را ساخته ايد و در آن اطلاعاتي در مورد سايت ياهو قرار داده ايد تا كاربران اطلاعات بيشتري در مورد محتواي موجود در آن آدرس، كسب كنند.
175Width= پهناي tooltip را مشخص ميكند و ميتوانيد با تغيير آن پهنايtooltip را كنترل كنيد، ضمن اينكه مقدار ارتفاعtooltip به صورت خودكار و بر اساس محتواي yahoo.htm مشخص ميشود.
link=http://www.yahoo.com نيز آدرس لينك اصلي شما خواهد بود و از اين طريق ميتوانيد كاربران را به آدرس مورد نظرتان راهنمايي كنيد.
در پايان لينك مورد نظر شما چيزي شبيه : خواهد بود و زماني كه نشانه موس بر روي لينك قرار ميگيرد tooltip مورد نظر نمايش داده ميشود و با كليك بر روي لينك نيز به آدرس مورد نظر خواهيد رفت.
همانطور كه اشاره شد اين پلاگين از انعطافپذيري خوبي برخوردار است و با استفاده از دانش و تجربه خود ميتوانيد ظاهرtooltip را به كلي تغيير داده و آن را همانگونه كه علاقه داريد نمايش دهيد.
طرز كار اين پلاگين را ميتوانيد از طريق مراجعه به اين آدرس و دانلود فايل و اجراي آن ببينيد.
لینک دانلود