+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [JavaScript/jQuery] Akcja po kliknięciu przycisku wykop (/thread-javascript-jquery-akcja-po-kliknieciu-przycisku-wykop)
[JavaScript/jQuery] Akcja po kliknięciu przycisku wykop - ariano - 06-12-2011
Witam.
mam taki problem. powiedzmy mam mam kilka tematów na wykop.pl i chcę umieścić je u siebie na stronie w jednym miejscu. jeśli ktoś kliknie na przycisk wykop chciałbym, żeby coś się działo -> przykładowo w kodzie który napisałem wyświetlał się w akapicie poniżej odpowiedni tytuł który został wykopany. tylko coś nie gra.. po kliknięciu nic się nie dzieje, w przykładzie testowałem też ewentualność że kursor znajduje się nad przyciskiem i kiedy oddala się od przycisku i to działa wszędzie, bo zmienia się tło innego akapitu. jednak opcja wyświetlającego się tytułu działa tylko dla ostatniego przykładu z tablicy i to tylko i wyłącznie po znalezieniu się nad przyciskiem. opcja klikania nie działa.. pomoże ktoś?
(w tablicy przykładowe linki do artykułów)
Kod:
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
</head>
<body>
<script language="javascript">
var linki = new Array ("http://fakty.interia.pl/swiat/news/nato-zaatakowalo-pakistan-rosnie-liczba-zabitych,1726889",
"http://deser.pl/deser/1,111858,10713525,Zemscil_sie_na_dziewczynie__Wytatuowal_jej_na_plecach___.html",
"http://www.mmgrudziadz.pl/artykul/dlaczego-nie-zatrudniam-mlodych",
"http://piechula.com.pl/2011/12/uwaga-na-warszawskich-gwalcicieli/"
);
var tytuly = new Array ("Nato zaatakowało Pakistan",
"Zemścił się na dziewczynie",
"Dlaczego nie zatrudniam młodych",
"Uwaga na warszawskich gwałcicieli"
);
for (i=0; i<linki.length; i++) {
// wykopywarka wersja kompaktowa (100x20)
var wykop_url= linki[i]; // Link do strony
var wykop_title=encodeURIComponent(tytuly[i]); // Tytuł strony (pobierany z <title>)
var wykop_desc=encodeURIComponent('Przykładowy opis');
var widget_bg='000000';
var widget_type='compact2';
var widget_bold=true; // pogrubienie napisu Wykop - domyślnie true
var widget_url='http://www.wykop.pl/dataprovider/diggerwidget/?url='+(wykop_url)+'&title='+(wykop_title)+'&desc='+(wykop_desc)+'&bg='+(widget_bg)+'&type='+(widget_type)+'&bold='+(widget_bold);
document.write('<div><iframe src="'+widget_url+'" class="cos" style="border:none;width:100px;height:20px;overflow:hidden;margin:0;padding:0;" frameborder="0" border="0"></iframe></div><br /><br />');
}
$(document).ready(function(){
$("iframe.cos").click(function(){
/*$("p.color").html(wykop_title);*/
$("p.color").css("background-color","yellow");
});
$("iframe.cos").mouseout(function(){
$("p.info").html(' ');
$("p.color").css("background-color","blue");
});
$("iframe.cos").mouseover(function(){
$("p.info").html(wykop_url);
$("p.color").css("background-color","red");
});
});
</script><br />
<p class="color">tu coś się stanie</p>
<p class="info"></p>
</body>
</html>zamiast przykładowo
Kod:
$("iframe.cos")Kod:
$("a.hover")