Autor Zpráva
george1903
Profil
#1 · Zasláno: 13. 10. 2013, 22:26:29
Odpovědět Citovat
Zdravím,
chci si vložit na svůj web mapu se stejnými funkcemi jako je na webu http://www.ceskereality.cz/, ale když koukám na zdroj tak se v tom vůbec nevyznám.

Můžete mi prosím poradit, koukal jsem v diskuzích, ale o tomto jsem nic nenašel.
Umím odkaz z obrázku a také umím změnu obrázků při najetí myši, ale tohle ani trochu nestačí. Pokud to aspoň trochu chápu, je to víc obrázků které vypadají jako jeden celek.

Předem děkuji za jakoukoliv pomoc, kritizování mi moc nepomůže.

Jirka
Taps
Profil
#2 · Zasláno: 14. 10. 2013, 06:57:27
Odpovědět Citovat
george1903:
http://netemsvetem.cz/html-mapa-cr-na-stranky-2-0/
george1903
Profil
#3 · Zasláno: 14. 10. 2013, 08:01:40 · Upravil/a: george1903 o minutu později
Odpovědět Citovat
Taps:
Děkuji za odkaz, je to přesně to co hledám, ale mám druhý a to větší problém a to že tu mapu potřebuji vložit na web www.stopnakupum.webnode.cz a webnode podporuje pouze html, asi není možné to udělat pouze v html? Nebo jestli víte o nějakém návodu jak to dostal na mé stránky, které jsou na webnode?
Kubo2
Profil
#4 · Zasláno: 14. 10. 2013, 10:45:39
Odpovědět Citovat
george1903:
Co znamena, že podporuje iba HTML? Ako som si pozeral zdrojáky, dovoľujem si poznamenať, že to je čisté HTML + JS (a podpora js je už iba na userovom prehliadači).
Vlastne to je jQuery, čili dosť špinavé JS :)
george1903
Profil
#5 · Zasláno: 14. 10. 2013, 13:05:40 · Upravil/a: george1903
Odpovědět Citovat
Tak jsem okopíroval zdroják + jsem vypsal úplnou cestu k obrázkům a vše funguje krom toho že se mi nezvýrazní oblast na kterou najedu. Pro ty co by mě chtěli obviňovat z krádeže: Jakmile zjistím jak to celkově funguje udělám si svojí grafiku mapy!
Můžete se mi podívat na zdroj a říct co jsem podělal? Jinak mapu mám na adrese http://stopnakupum.webnode.cz/znacka/ neřešte to že když kliknete napíše to stránka nebyla nalezena ve zdroji to nemám změněné a ani podstránky nemám připravené, ale to vím jak na to :-D 
    <head>
        <meta http-equiv="Content-Type" content="text/html;">
        <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=3.3.1'></script>
        <style>
            #czechMap{
                position: relative;
                width: 500px;
                height: 293px;
                background-image: url('http://netemsvetem.cz/mapa/mapa_cr.png');
            }
 
            #czechMap-overlap{
                position: relative;
                top: 0px;
                left: 0px;
                border: none;
            }
        </style>
    </head>
    <body>
        <div id="czechMap">
            <map name="firstMap">
                <!--
                Author: Jan Matoušek
                Contact: matousek.vr@gmail.com
                License: GPL
                -->
                <area class="czechMap-area" href="page.html" alt="Plzeňský kraj"          title="Plzeňský kraj"               data-img="http://netemsvetem.cz/demos/mapa2/page1.html" shape="poly" coords="106,239,104,242,97,237,96,230,89,222,80,216,66,197,52,195,52,195,41,174,34,163,34,157,26,149,30,145,37,132,65,131,76,121,87,124,93,111,100,114,102,122,117,125,130,134,128,152,120,155,119,166,125,167,125,178,125,196,117,212,119,217,110,223,106,239">
                <area class="czechMap-area" href="page.html" alt="Karlovarský kraj"       title="Karlovarský kraj"            data-img="http://netemsvetem.cz/demos/mapa2/page2.html" shape="poly" coords="37,132,65,131,76,121,87,124,93,111, 88,85,59,72 36,78,26,88,23,106,19,100,19,96,13,86,7,86,7,92,15,100,12,107,24,117,34,123,33,128">
                <area class="czechMap-area" href="page.html" alt="Ústecký kraj"           title="Ústecký kraj"                data-img="http://netemsvetem.cz/demos/mapa2/page3.html" shape="poly" coords="100,114, 88,85,70,77, 75,67,86,66,90,58,100,53,105,56,111,50,111,44,119,42,134,42,137,36,142,33,147,34,172,20,163,13,164,8,168,7,171,8,182,11,187,16,186,21,190,21 ,188,29,183,36,177,34,175,42,169,50,177,66, 177,74,171,79,170,84,160,88,144,86,133,97,108,104,105,111">
                <area class="czechMap-area" href="page.html" alt="Liberecký kraj"         title="Liberecký kraj"              data-img="http://netemsvetem.cz/demos/mapa2/page4.html" shape="poly" coords="188,29,183,36,177,34,175,42,169,50,177,66, 184,68,185,72,193,71,211,57,223,67, 231,69,234,66,244,71,249,63,254,68,261,66,257,55,255,38,246,34,242,37,241,31,236,26,233,14,216,11,215,27,203,28,201,33,195,32">
                <area class="czechMap-area" href="page.html" alt="Královehradecký kraj"   title="Královehradecký kraj"        data-img="http://netemsvetem.cz/demos/mapa2/page5.html" shape="poly" coords="223,67,231,69,234,66,244,71,249,63,254,68,261,66,257,55,255,38,272,40,277,49,284,47,286,51,287,56,295,50,300,52,304,49,310,49,316,57,313,65,301,74,311,82,326,98, 326,106,312,113,310,118,302,119,288,111,287,108,281,105,276,110,273,109,271,105,260,111,255,109,248,114,246,110,241,106,241,92,231,93,227,87,223,86,223,81,225,77">
                <area class="czechMap-area" href="page.html" alt="Pardubický kraj"        title="Pardubický kraj"             data-img="http://netemsvetem.cz/demos/mapa2/page6.html" shape="poly" coords="326,106,312,113,310,118,302,119,288,111,287,108,281,105,276,110,273,109,271,105,260,111,255,109,248,114, 242,121,253,128,251,140,257,146,265,146,276,154,277,158,284,159,286,155,316,170,326,169,327,165,344,167,347,162,349,153,341,141,342,136,340,124,346,118,349,101,346,118,349,101,346,102,336,111">
                <area class="czechMap-area" href="page.html" alt="Olomoucký kraj"         title="Olomoucký kraj"              data-img="http://netemsvetem.cz/demos/mapa2/page7.html" shape="poly" coords="344,167,347,162,349,153,341,141,342,136,340,124,346,118,349,101,346,118,349,101,352,97,359,97,358,88,354,86,349,76,352,73,371,80,382,86,383,91,387,90,389,94,388,97,377,105,376,115,372,119,372,124,374,127,372,136,386,143,392,147,410,150,425,171,414,184,409,182,407,187,398,189,395,193,388,192,382,200,372,203,353,179,351,192,345,188,346,175,342,174,343,167">
                <area class="czechMap-area" href="page.html" alt="Moravskoslezský kraj"   title="Moravskoslezský kraj"        data-img="http://netemsvetem.cz/demos/mapa2/page8.html" shape="poly" coords="389,94,388,97,377,105,376,115,372,119,372,124,374,127,372,136,386,143,392,147,410,150,425,171,433,174,443,174,453,176,462,187,466,185,473,174,487,174,493,168,489,153,477,149,471,130,457,126,452,127,450,123,444,120,437,119,434,114,434,119,429,119,421,123,409,110,401,103,413,96,410,86,403,91,392,92">
                <area class="czechMap-area" href="page.html" alt="Zlínský kraj"           title="Zlínský kraj"                data-img="http://netemsvetem.cz/demos/mapa2/page9.html" shape="poly" coords="425,171,414,184,409,182,407,187,398,189,395,193,388,192,382,200,372,203,433,174,443,174,453,176,462,187,453,196,446,199,441,223,437,228,429,229,426,239,420,239,413,247,408,247,401,238,392,238,376,225,370,225,370,219,375,215,372,214,370,207,344,167">
                <area class="czechMap-area" href="page.html" alt="Jihomoravský kraj"      title="Jihomoravský kraj"           data-img="http://netemsvetem.cz/demos/mapa2/page10.html" shape="poly" coords="408,247,401,238,392,238,376,225,370,225,370,219,375,215,372,214,370,207,353,179,351,192,345,188,346,175,342,174,343,167,327,165,326,169,316,170, 314,196,307,200,305,222,300,228,283,230,267,240,258,241,254,246,269,252,277,249,295,263,318,265,323,258,338,259,338,263,346,266,356,267,357,274,360,274,377,247,389,253,396,251,402,253">
                <area class="czechMap-area" href="page.html" alt="Vysočina"               title="Vysočina"                    data-img="http://netemsvetem.cz/demos/mapa2/page11.html" shape="poly" coords="251,140,257,146,265,146,276,154,277,158,284,159,286,155,316,170,314,196,307,200,305,222,300,228,283,230,267,240,258,241,251,236,256,223,246,223,240,219,239,212,234,213,226,212,218,204,213,205,208,196,209,175,214,168,231,166,231,163,226,159,232,151,245,146,245,142">
                <area class="czechMap-area" href="page.html" alt="Jihočeský kraj"         title="Jihočeský kraj"              data-img="http://netemsvetem.cz/demos/mapa2/page12.html" shape="poly" coords="258,241,254,246,251,236,256,223,246,223,240,219,239,212,234,213,226,212,218,204,213,205,208,196,209,175,198,169,189,179,160,174,157,176,144,175,139,179,126,177,125,178,125,196,117,212,119,217,110,223,106,239,128,260,145,272,144,281,164,286,173,280,174,276,180,280,186,278,192,283,194,271,198,267,200,261,210,262,214,245,215,234,228,242,234,240,235,237">
                <area class="czechMap-area" href="page.html" alt="Praha"                  title="Praha"                       data-img="http://netemsvetem.cz/demos/mapa2/page13.html" shape="poly" coords="168,129,181,123,189,123,189,117,192,113,180,105,170,108,169,111,162,111,162,118,167,126">
                <area class="czechMap-area" href="page.html" alt="Středočeský kraj"       title="Středočeský kraj"            data-img="http://netemsvetem.cz/demos/mapa2/page14.html" shape="poly" coords="126,177,139,179,144,175,157,176,160,174,189,179,198,169,209,175,214,168,231,166,231,163,226,159,232,151,245,146,245,142,251,140,253,128,242,121,248,114,246,110,241,106,241,92,231,93,227,87,223,86,223,81,225,77,223,67,211,57,193,71,185,72,184,68,177,74,171,79,170,84,160,88,144,86,133,97,108,104,105,111,100,114,102,122,117,125,130,134,128,152,120,155,119,166,125,167,125,178">
            </map> 
 
            <img id="czechMap-overlap" src="http://netemsvetem.cz/demos/mapa2/none.png" usemap="#firstMap">
        </div>
        <script>
 
            $(function(){
 
               $('.czechMap-area').hover(function(){
 
                   $('#czechMap-overlap').attr('src', $(this).attr('data-img') );
 
               },function(){
 
                   $('#czechMap-overlap').attr('src', 'http://netemsvetem.cz/demos/mapa2/none.png');
               });
 
            });
 
        </script>
    </body>
</html>



Kubo2:
Moje chyba koukal jsem na jinou stránku, jinak js podporuje
Chamurappi
Profil
#6 · Zasláno: 14. 10. 2013, 13:28:05
Odpovědět Citovat
Reaguji na george1903:
Kdybych chtěl tento druh informací filtrovat, tak spíš rovnou podle měst či okresů, obchody z druhého konce kraje mě moc nezajímají.
Mimochodem, můžu se zeptat, zda tvá stránka obsahuje i něco jiného než texty ukradené z www.potravinynapranyri.cz? Med vs. med. Máš souhlas od SPZI, nebo doufáš, že jim to nebude vadit?

„Můžete se mi podívat na zdroj a říct co jsem podělal?“
Uvedený skript nastavuje do src obrázku obsah atributu data-img. Ty dáváš do data-img adresu jakési neexistující HTML stránky… rozhodně to není obrázek.
george1903
Profil
#7 · Zasláno: 14. 10. 2013, 13:51:16
Odpovědět Citovat
Chamurappi
Co se týče filtrování tak jakmile pochopím zdroj tak začnu dělat mapu okresů, ano přiznávám kategorie obchody obsahuje texty z potraviny na pranýři, ale je to jen dočasné protože nechci mít totálně holé stránky tak jsem to tam na rychlo skopčil. Jinak tyto stránky budu využívat k info stejně jako ofiko stránky SZPI a ČOI a dalších státních a soukromých institucí, které se zaubírají stejnou problematikou, ale tím nemyslím že bezhlavě skopíruju co najdu. Udělám to poctivě nasyslím informace a poté vydám kompletní zprávu.
george1903
Profil
#8 · Zasláno: 14. 10. 2013, 15:01:57
Odpovědět Citovat
george1903:
> „Můžete se mi podívat na zdroj a říct co jsem podělal?“
> Uvedený skript nastavuje do src obrázku obsah atributu data-img. Ty dáváš do data-img adresu jakési neexistující HTML stránky… rozhodně to není obrázek.

Tak jsem to opravil a stejnak mi to nefunguje jak má :-( 
 <head>         <meta http-equiv="Content-Type" content="text/html;">         <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=3.3.1'></script>         <style>             #czechMap{                 position: relative;                 width: 500px;                 height: 293px;                 background-image: url('http://netemsvetem.cz/mapa/mapa_cr.png');             }               #czechMap-overlap{                 position: relative;                 top: 0px;                 left: 0px;                 border: none;             }         </style>     </head>     <body>         <div id="czechMap">             <map name="firstMap">                                  <area class="czechMap-area" href="page.html" alt="Plzeňský kraj"          title="Plzeňský kraj"               data-img="http://files.stopnakupum.webnode.cz/200000019-4c4a84d464/plzen.png" shape="poly" coords="106,239,104,242,97,237,96,230,89,222,80,216,66,197,52,195,52,195,41,174,34,163,34,157,26,149,30,145,37,132,65,131,76,121,87,124,93,111,100,114,102,122,117,125,130,134,128,152,120,155,119,166,125,167,125,178,125,196,117,212,119,217,110,223,106,239">                 <area class="czechMap-area" href="page.html" alt="Karlovarský kraj"       title="Karlovarský kraj"            data-img="http://files.stopnakupum.webnode.cz/200000014-178e81887d/kv.png" shape="poly" coords="37,132,65,131,76,121,87,124,93,111, 88,85,59,72 36,78,26,88,23,106,19,100,19,96,13,86,7,86,7,92,15,100,12,107,24,117,34,123,33,128">                 <area class="czechMap-area" href="page.html" alt="Ústecký kraj"           title="Ústecký kraj"                data-img="http://files.stopnakupum.webnode.cz/200000022-159be178db/usti.png" shape="poly" coords="100,114, 88,85,70,77, 75,67,86,66,90,58,100,53,105,56,111,50,111,44,119,42,134,42,137,36,142,33,147,34,172,20,163,13,164,8,168,7,171,8,182,11,187,16,186,21,190,21 ,188,29,183,36,177,34,175,42,169,50,177,66, 177,74,171,79,170,84,160,88,144,86,133,97,108,104,105,111">                 <area class="czechMap-area" href="page.html" alt="Liberecký kraj"         title="Liberecký kraj"              data-img="http://files.stopnakupum.webnode.cz/200000015-50346512b7/liberec.png" shape="poly" coords="188,29,183,36,177,34,175,42,169,50,177,66, 184,68,185,72,193,71,211,57,223,67, 231,69,234,66,244,71,249,63,254,68,261,66,257,55,255,38,246,34,242,37,241,31,236,26,233,14,216,11,215,27,203,28,201,33,195,32">                 <area class="czechMap-area" href="page.html" alt="Královehradecký kraj"   title="Královehradecký kraj"        data-img="http://files.stopnakupum.webnode.cz/200000013-c273fc36ee/kh.png" shape="poly" coords="223,67,231,69,234,66,244,71,249,63,254,68,261,66,257,55,255,38,272,40,277,49,284,47,286,51,287,56,295,50,300,52,304,49,310,49,316,57,313,65,301,74,311,82,326,98, 326,106,312,113,310,118,302,119,288,111,287,108,281,105,276,110,273,109,271,105,260,111,255,109,248,114,246,110,241,106,241,92,231,93,227,87,223,86,223,81,225,77">                 <area class="czechMap-area" href="page.html" alt="Pardubický kraj"        title="Pardubický kraj"             data-img="http://files.stopnakupum.webnode.cz/200000018-12ac913a5e/pardubice.png" shape="poly" coords="326,106,312,113,310,118,302,119,288,111,287,108,281,105,276,110,273,109,271,105,260,111,255,109,248,114, 242,121,253,128,251,140,257,146,265,146,276,154,277,158,284,159,286,155,316,170,326,169,327,165,344,167,347,162,349,153,341,141,342,136,340,124,346,118,349,101,346,118,349,101,346,102,336,111">                 <area class="czechMap-area" href="page.html" alt="Olomoucký kraj"         title="Olomoucký kraj"              data-img="http://files.stopnakupum.webnode.cz/200000017-c94a1ca42b/olomouc.png" shape="poly" coords="344,167,347,162,349,153,341,141,342,136,340,124,346,118,349,101,346,118,349,101,352,97,359,97,358,88,354,86,349,76,352,73,371,80,382,86,383,91,387,90,389,94,388,97,377,105,376,115,372,119,372,124,374,127,372,136,386,143,392,147,410,150,425,171,414,184,409,182,407,187,398,189,395,193,388,192,382,200,372,203,353,179,351,192,345,188,346,175,342,174,343,167">                 <area class="czechMap-area" href="page.html" alt="Moravskoslezský kraj"   title="Moravskoslezský kraj"        data-img="http://files.stopnakupum.webnode.cz/200000016-8dbb08eb0c/ms.png" shape="poly" coords="389,94,388,97,377,105,376,115,372,119,372,124,374,127,372,136,386,143,392,147,410,150,425,171,433,174,443,174,453,176,462,187,466,185,473,174,487,174,493,168,489,153,477,149,471,130,457,126,452,127,450,123,444,120,437,119,434,114,434,119,429,119,421,123,409,110,401,103,413,96,410,86,403,91,392,92">                 <area class="czechMap-area" href="page.html" alt="Zlínský kraj"           title="Zlínský kraj"                data-img="http://files.stopnakupum.webnode.cz/200000024-8aca78bc20/zlin.png" shape="poly" coords="425,171,414,184,409,182,407,187,398,189,395,193,388,192,382,200,372,203,433,174,443,174,453,176,462,187,453,196,446,199,441,223,437,228,429,229,426,239,420,239,413,247,408,247,401,238,392,238,376,225,370,225,370,219,375,215,372,214,370,207,344,167">                 <area class="czechMap-area" href="page.html" alt="Jihomoravský kraj"      title="Jihomoravský kraj"           data-img="http://files.stopnakupum.webnode.cz/200000012-87e0788d57/jm.png" shape="poly" coords="408,247,401,238,392,238,376,225,370,225,370,219,375,215,372,214,370,207,353,179,351,192,345,188,346,175,342,174,343,167,327,165,326,169,316,170, 314,196,307,200,305,222,300,228,283,230,267,240,258,241,254,246,269,252,277,249,295,263,318,265,323,258,338,259,338,263,346,266,356,267,357,274,360,274,377,247,389,253,396,251,402,253">                 <area class="czechMap-area" href="page.html" alt="Vysočina"               title="Vysočina"                    data-img="http://files.stopnakupum.webnode.cz/200000023-50319512b1/vysocina.png" shape="poly" coords="251,140,257,146,265,146,276,154,277,158,284,159,286,155,316,170,314,196,307,200,305,222,300,228,283,230,267,240,258,241,251,236,256,223,246,223,240,219,239,212,234,213,226,212,218,204,213,205,208,196,209,175,214,168,231,166,231,163,226,159,232,151,245,146,245,142">                 <area class="czechMap-area" href="page.html" alt="Jihočeský kraj"         title="Jihočeský kraj"              data-img="http://files.stopnakupum.webnode.cz/200000011-4d4374e3d3/jc.png" shape="poly" coords="258,241,254,246,251,236,256,223,246,223,240,219,239,212,234,213,226,212,218,204,213,205,208,196,209,175,198,169,189,179,160,174,157,176,144,175,139,179,126,177,125,178,125,196,117,212,119,217,110,223,106,239,128,260,145,272,144,281,164,286,173,280,174,276,180,280,186,278,192,283,194,271,198,267,200,261,210,262,214,245,215,234,228,242,234,240,235,237">                 <area class="czechMap-area" href="page.html" alt="Praha"                  title="Praha"                       data-img="http://files.stopnakupum.webnode.cz/200000020-8bc528cbd8/praha.png" shape="poly" coords="168,129,181,123,189,123,189,117,192,113,180,105,170,108,169,111,162,111,162,118,167,126">                 <area class="czechMap-area" href="page.html" alt="Středočeský kraj"       title="Středočeský kraj"            data-img="http://files.stopnakupum.webnode.cz/200000021-c7581c8504/sc.png" shape="poly" coords="126,177,139,179,144,175,157,176,160,174,189,179,198,169,209,175,214,168,231,166,231,163,226,159,232,151,245,146,245,142,251,140,253,128,242,121,248,114,246,110,241,106,241,92,231,93,227,87,223,86,223,81,225,77,223,67,211,57,193,71,185,72,184,68,177,74,171,79,170,84,160,88,144,86,133,97,108,104,105,111,100,114,102,122,117,125,130,134,128,152,120,155,119,166,125,167,125,178">             </map>                <img id="czechMap-overlap" src="http://netemsvetem.cz/demos/mapa2/none.png" usemap="#firstMap">         </div>         <script>               $(function(){                  $('.czechMap-area').hover(function(){                      $('#czechMap-overlap').attr('src', $(this).attr('data-img') );                  },function(){                      $('#czechMap-overlap').attr('src', 'http://netemsvetem.cz/demos/mapa2/none.png');                });               });           </script>     </body> </html>
Časová prodleva: 11 let

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0