Hovercard Eklemek

Başlatan hedzuben, 23 Ekim 2011 - 23:07:39

« önceki - sonraki »

0 Üyeler ve 2 Ziyaretçi konuyu incelemekte.

hedzuben

Merhaba arkadaşlar. Bir browser eklentisi yazmak çabası içindeyim. Bunun için facebook'taki hanover denen zımbırtıya ihtiyaç duydum. Aşağıdaki linkten inceleyiniz.http://designwithpc.com/Plugins/Hovercard#demo

Hazır yazılmış ama ben eklemeyi beceremedim. İnternet programcılığım 5 üzerinden 1 falan olduğundan işin içinden çıkamadım. Olursa çok güzel bir eklenti olacak. Yardımınızla elbette :)


Mesaj tekrarı yüzünden mesajınız birleştirildi. Bu mesajın gönderim tarihi : 24 Ekim 2011 - 13:17:00

Arkadaşlar scripti eklemeyi başardım. Bahsettiğim scriptin yaratıcısı yardım etti. index.htm aşağıdaki gibi olmalıymış.


<html>

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="http://dl.dropbox.com/u/40036711/jquery.hovercard.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#hoverMe").hovercard({
detailsHTML: 'Some text (or html) for your hover card',
width: 400,
cardImgSrc: 'url-for-the-image'
});
});
</script>
</head>


<body>
<p>
<label id="hoverMe">Consider</label> this as one of your paragraphs on index page. This paragraph mentions some
<label id="hoverMe"> name </label>
that you want to show hovercard on. We just used id here but you can also use cs class if you wish.
</p>
</body>

</html>



Mesaj tekrarı yüzünden mesajınız birleştirildi. Bu mesajın gönderim tarihi : 24 Ekim 2011 - 14:42:40

Arkadaşlar şimdi olayımız şu. Bir sayfadaki herhangi bir sözcüğün üzerinde birkaç saniye durulduğunda veya sol tıklandığında script, tureng.com'dan çevirileri alsın ve örneğin ilk 4 sonucu aşağıdakine benzer bir hovercard'da göstersin. Böylece insanlar zırt pırt sekme değiştirip sözcük girmek zorunda kalmaz. Nasıl yaparız?