Jak na JavaScriptem chráněné obrázky – JavaScript, AJAX, jQuery – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Jak na JavaScriptem chráněné obrázky – JavaScript, AJAX, jQuery – Fórum – Programujte.comJak na JavaScriptem chráněné obrázky – JavaScript, AJAX, jQuery – Fórum – Programujte.com

 

Toto vlákno bylo označeno za vyřešené — příspěvek s řešením.
Jeyekomon0
Stálý člen
9. 10. 2012   #1
-
0
-

Zdravím

Už podle názvu asi jde poznat, že se nebude jednat o žádný odborný dotaz, ale spíš tak trochu o otázku jak od skript kiddie... 

Vždycky mě pobaví nápaditost autorů webových stránek, kteří vymýšlejí všemožné způsoby, jak znemožnit návštěvníkům ukládat jejich obrázky. Zakážou pravé tlačítko myši, umístí obrázek na pozadí, ... Člověku taková "hádanka" zpříjemní volnou chvíli. 

Tentokrát si ale nějak nevím rady a jelikož jsem od přírody zvědavý a bojovný tvor, tak mi to nedá spát. O to víc, když vlastně v tomto případě ani nikdo ty obrázky záměrně neskrývá. Jedná se o stránky jedné počítačové firmy: http://www.procomp.cz/?sekce=8podsekce=9&podsekce=141 . V tamějším katalogu existuje ke každému produktu obrázek umístěný úplně vpravo, který se sám zobrazí po najetí kurzorem myši na příslušné místo. Náhodnému řádku tabulky na stránce odpovídá ve zdrojovém kódu následující řádek:

<tr class="two">
	<td class="polozky">SD Secure Digital 16GB Kingston (SDHC) Class10 </td>
	<td class="cena">283,-</td>
	<td class="cena">340,-</td>
	<td>24</td>
	<td class="obrazek" rel="memcard/sdc6.jpg">&nbsp;</td>
</tr>

Celý ten hover zároveň musí obstarávat nějaký kousek Javascriptového kódu. Koukneme-li se ve zdrojovém kódu stránky výše, je tam přehledný a pěkně okomentovaný script. Jeho nejdůležitější část:

var $tt_title,$tt_alt;
var $tt = $('#tooltip');
var $tt_i = $('#tooltip_inner');
		
//hlídáme událost hover
$('td.obrazek').hover(function(){
	if($(this).attr('rel')){
		$tt_title = $(this).attr('rel');
		$odkaz = '<img style="display:block" src="Picture/'+$tt_title+ '" />';
		$(this).attr('rel','');
	}
			
$tt_i.append($odkaz).fadeIn("fast");
$tt.show();	
}

Javascriptu bohužel zatím úplně nerozumím, mám ale základy HTML, CSS a už jsem něco málo programoval, takže jsem vytušil, že do proměnné tt_title se uloží řetězec uložený v atributu rel a nakonec v proměnné odkaz bude řetězec:

<img style="display:block" src="Picture/memcard/sdc6.jpg" />

Ale ani tak z té relativní adresy nejsem schopný vytvořit absolutní adresu ( http://www.procomp.cz/…/.../sdc6.jpg ).

Vzal jsem tedy WGet a natvrdo stáhl rekurzivně celý web, nalezl jsem přitom několik volně přístupných adresářů ( download, images, includes, styles ), ale ani tak jsem ten obrázek nenašel.

Takže kdyby se našel někdo, kdo má chvíli času, hravou náladu a trochu více znalostí Javascriptu a PHP, tak budu rád za pomoc..

Nahlásit jako SPAM
IP: 195.113.139.–
jjk
Řešení
Flu0
Návštěvník
10. 10. 2012   #2
-
+1
-
Zajímavé
Vyřešeno Nejlepší odpověď

#1 Jeyekomon
Jak vypadá výsledný IMG jsi dal do kupy správně, stačí před tu relativní cestu dát adresu serveru a je to :) http://www.procomp.cz/Picture/memcard/sdc6.jpg

Nahlásit jako SPAM
IP: 93.157.132.–
Jeyekomon0
Stálý člen
10. 10. 2012   #3
-
0
-

   

  To je ostuda.. 

Tohle bylo první, co jsem včera vyzkoušel, ale teď jsem si uvědomil, že jsem to vždycky zadával jako každý normální člověk s malým písmenem ( http://www.procomp.cz/picture/... ). Tyhle case-sensitive zlozvyky by se měly trestat.

Čekal jsem v tom něco hlubšího, no..

Ale díky. 

Nahlásit jako SPAM
IP: 195.113.139.–
jjk
Flu0
Návštěvník
10. 10. 2012   #4
-
0
-

#3 Jeyekomon
Jo malé písmenko jsem taky zkoušela, ale pak sem si toho všimla :)

Nahlásit jako SPAM
IP: 77.48.21.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 1 host

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý