| Yazar |
|
offman
Kayseri
Kayıt: 20.01.2006 |
|
Arkadaşlar in-textual advertisements
(http://www.vibrantmedia.com/advertisers/in-text_advertising.asp) oluyorya altı çizili kelimenin üzerine geldiğin zaman reklam açılıyor, işte onlarda nasıl bir algoritma kullanılıyor bu konuda yardımcı olabilecek arkadaşlar varsa yada kaynak gösterebilecek zira ben bulamadım ... Yardımlarınızı bekliyorum şimdiden çok teşekkür ederim.
331. KSD
*.NET DEVELOPER
|
|
|
| Yazar |
|
clairvoyant
Antalya
Kayıt: 05.05.2006 |
|
CSS & Javascript
Reklam için 1 tane "z-index"i diğer nesnelerden yüksek olan "absolute" division eklersin. Normalde bunun display özelliği "none" olur. O Altı çizili sözcüklerin "onmouseover" eventine ekleyeceğin javascript komutları ile (sözcükte saklı olan bilgilere göre) bu divisionun ekran üzerindeki konumunu, boyutlarını ve içerdiği html elementlerini değiştirdikten sonra display özelliğini "block" yaparsın. "onmouseout" eventi için de sitede sanırım küçük bir timer kullanılmış. Bir kaç saniye sonra display özelliğini "none" yapıyor. Temeli bu kadar basit fakat görsel olarak bir şeye benzemesi için geliştirmek gerek.
function showAd(top, left, width, height, innerHTML) {
var adDiv = document.getElementById("adDiv");
adDiv.style.top = top+"px";
adDiv.style.left = left+"px";
adDiv.style.width = width+"px";
adDiv.style.height = height+"px";
adDiv.innerHTML = innerHTML;
adDiv.style.display = "block";
}
function hideAd() {
var adDiv = document.getElementById("adDiv");
adDiv.display = "none"
adDiv.innerHTML = "";
}
<div id="adDiv" style="display:none; position:absolute; z-index:99"></div>
<a onmouseover="javascript:showAd(300, 200, 250, 250, 'buraya mesela flash kodları koyabilirsin')" onmouseout="javascript:setTimeout('hideAd()', 2000)">video</a>
Denemedim ama buna benzer çalışıyor sistem.
Let`s make this world a better place to live !
|
|
|
| Yazar |
|
offman
Kayseri
Kayıt: 20.01.2006 |
|
clairvoyant yazdi | | CSS & Javascript
Reklam için 1 tane "z-index"i diğer nesnelerden yüksek olan "absolute" division eklersin. Normalde bunun display özelliği "none" olur. O Altı çizili sözcüklerin "onmouseover" eventine ekleyeceğin javascript komutları ile (sözcükte saklı olan bilgilere göre) bu divisionun ekran üzerindeki konumunu, boyutlarını ve içerdiği html elementlerini değiştirdikten sonra display özelliğini "block" yaparsın. "onmouseout" eventi için de sitede sanırım küçük bir timer kullanılmış. Bir kaç saniye sonra display özelliğini "none" yapıyor. Temeli bu kadar basit fakat görsel olarak bir şeye benzemesi için geliştirmek gerek.
function showAd(top, left, width, height, innerHTML) {
var adDiv = document.getElementById("adDiv");
adDiv.style.top = top+"px";
adDiv.style.left = left+"px";
adDiv.style.width = width+"px";
adDiv.style.height = height+"px";
adDiv.innerHTML = innerHTML;
adDiv.style.display = "block";
}
function hideAd() {
var adDiv = document.getElementById("adDiv");
adDiv.display = "none"
adDiv.innerHTML = "";
}
<div id="adDiv" style="display:none; position:absolute; z-index:99"></div>
<a onmouseover="javascript:showAd(300, 200, 250, 250, 'buraya mesela flash kodları koyabilirsin')" onmouseout="javascript:setTimeout('hideAd()', 2000)">video</a>
Denemedim ama buna benzer çalışıyor sistem. |
Abi sağolda sanırım yanlış anlattım olayı benim demek istediğim altında dönen olay verinin akışı. uppps :D Kafayı buldum sanırım !
331. KSD
*.NET DEVELOPER
|
|
|
| Yazar |
|
clairvoyant
Antalya
Kayıt: 05.05.2006 |
|
1. getAd fonksinonuna göndereceğin parametreleri zaten ilk requestte HTML içine alman gerekir.
2. Eğer division içine koyacağın kod çok uzun ise AJAX ile çağırabilirsin (mesela getAd fonksiyonu AJAX ile request yapar ve sonucu division'ın içine yazar)
3. Bu sitede sanırım division içindeki kodun tamamı flash nesnesi. Bu durumda aynı swf dosyası farklı içerikler için aldığı bir parametre ile içeriğini dinamik olarak sunucundan çekebilir.
Let`s make this world a better place to live !
|
|
|
| Yazar |
|
clairvoyant
Antalya
Kayıt: 05.05.2006 |
|
Basit bir kod yazdım biraz önce. Ne kadar doğru çalışır bilmiyorum, bu haliyle boş bir html dosyasına copy/paste yaparak test edebilirsiniz.
<html>
<head>
<title>Untitled Document</title>
<script type="text/javascript" language="javascript">
function showAd(top, left, width, height, innerHTML) {
clearTimeout(hidingTimer);
var adDiv = document.getElementById("adDiv");
adDiv.style.top = top+"px";
adDiv.style.left = left+"px";
adDiv.style.width = width+"px";
adDiv.style.height = height+"px";
document.getElementById("adDivContents").innerHTML = innerHTML;
adDiv.style.display = "block";
}
var hidingTimer = null;
function hideAd(timer) {
hidingTimer = setTimeout('hideAdRun()', 1000);
}
function hideAdRun() {
document.getElementById("adDiv").style.display = "none"
document.getElementById("adDivContents").innerHTML = "";
}
function init() {
var adDiv = document.getElementById("adDiv");
adDiv.onmouseover = function() { clearTimeout(hidingTimer); }
adDiv.onmouseout = function() { hideAd(); }
}
</script>
<style type="text/css">
.sozcuk {
font-family:Verdana;
font-size:12px;
font-weight:bold;
color:#FF0000;
text-decoration:underline;
cursor:pointer;
}
.sozcuk:hover {
text-decoration:none;
}
#adDiv {
display:none;
position:absolute;
z-index:99;
}
</style>
</head>
<body onload="init()">
<div id="adDiv">
<table border="1" bgcolor="#FFFF99" cellpadding="10" width="100%" height="100%">
<tr>
<td valign="top">
<div id="adDivContents"></div>
</td>
</tr>
</table>
</div>
<a class="sozcuk"
onmouseover="javascript:showAd(50, 100, 250, 50, 'Fareyi sözcüğün ya da bu kutun üzerinden çektikten 1 saniye sonra bu kutu yok olur.')"
onmouseout="javascript:hideAd()"
>
Touch me!
</a>
</body>
</html>
Let`s make this world a better place to live !
|
|
|
|
|
-
 Del.icio.us
-
 Digg
-
 Facebook
-
 Furl
-
 Google
-
 Blink
-
 Simpy
-
 Spurl
-
 Y! MyWeb
|
|
| |
