Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[html/xhtml] Proste pytanie odnośnie aplikacji na facebooku
#1
Witam,

zastanawia mnie czy w aplikacjach pisanych na facebooku da rade bezposrednio przejsc do okienka ktore otwiera sie jako popup/po kliknieciu - chodzi mi o takie przejscie ze wklejam zmodyfikowany link do paska adresu przeglądarki i przeglądarka nie wczytuje mi calej aplikacji tylko samo okienko popup z tej aplikacji.

Jeśli napisałem niezrozumiale to na przykładzie.

W przykładowej aplikacji (link poniżej) interesuje mnie okno podpowiedzi - muszę co chwilę odświeżać całą aplikację a następnie kliknąć w napis podpowiedz (podpowiedz_okno). Chciałbym znaleźć sposób aby odświeżało mi tylko okienko podpowiedzi (a nie całą aplikację). Dobrze by było gdybym po prostu wklejał link do przeglądarki - jeśli nie da się go tak zmodyfikować to może potrzebna będzie modyfikacja kodu? Próbowałem modyfikować już sam, wczytuje się sam zegar - ale nie pokazuje aktualnej godziny - wyświetla ciągle tą samą godzinę - tą w której skopiowałem kod.

Proszę o wszelkie sugestie oraz pomoc :-)

Z góry dzięki za pomoc!

Pozdrawiam Smile

Link do przykladowej aplikacji:
http://apps.facebook.com/zlotewyprzedaze/?ref=bookmarks&count=0

Jej kod:
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="pl">
<head>
<title>Złote Wyprzedaże</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="http://apps.socializer.pl/zlote_wyprzedaze/media/css/main.css?2.css" />
<script>
    var url_base = 'http://apps.socializer.pl/zlote_wyprzedaze/';
    var GEMIUS_ID = 'UA-22143168-7';
    var app_group = '';
</script>
    <script type="text/javascript" src="http://apps.socializer.pl/zlote_wyprzedaze/media/js/jquery.js"></script>
    <script type="text/javascript" src="http://apps.socializer.pl/zlote_wyprzedaze/media/js/swfobject.js"></script>
    <script src="https://www.google-analytics.com/ga.js" type="text/javascript"></script>

    <script type="text/javascript">
        // For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection.
        var swfVersionStr = "10.2.0";
        var xiSwfUrlStr = "http://apps.socializer.pl/zlote_wyprzedaze/media/swf/playerProductInstall.swf";
        var flashvars = {};
           flashvars.arg = "1308903418";
        var params = {};
        params.quality = "high";
        params.bgcolor = "#ffffff";
        params.allowscriptaccess = "sameDomain";
        params.allowfullscreen = "true";
        var attributes = {};
        attributes.id = "zegar";
        attributes.name = "zegar";
        attributes.align = "middle";
        swfobject.embedSWF(
            "http://apps.socializer.pl/zlote_wyprzedaze/media/swf/zegar.swf", "zegar",
            "100%", "100%",
            swfVersionStr, xiSwfUrlStr,
            flashvars, params, attributes);
        var pnames = new Array();
        pnames[0] = 'koszulę Tommy Hilfiger';pnames[1] = 'perfumy damskie Lolita Lempicka';pnames[2] = 'zegarek damski Mango';pnames[3] = 'bokserki Guess';pnames[4] = 'torebkę Guess';pnames[5] = 'portfel Ferre';pnames[6] = 'polo Ralph Lauren';pnames[7] = 't-shirt damski Ralph Lauren';pnames[8] = 'okulary przeciwsłoneczne Gucci';pnames[9] = 'Perfumy unisex CK One';pnames[10] = 'Naszyjnik Perlita';pnames[11] = 'Okulary przeciwsłoneczne Fendi';pnames[12] = 'Buty Reebok';pnames[13] = 'Aktówka męska Thierry Mugler';pnames[14] = 'Zegarek damski Mango';pnames[15] = 'Koszulka damska Guess';pnames[16] = 'Perfumy Damskie Diesel';pnames[17] = 'Buty Reebok';pnames[18] = 'Bluzka damska Pepe Jeans';pnames[19] = 'Zestaw długopis+ołówek Thierry Mugler';pnames[20] = 'Sukienka Agnieszka Światły';pnames[21] = 'Pasek Marlboro';pnames[22] = 'Buty Reebok';pnames[23] = 'Koszulę Tommy Hilfiger';pnames[24] = 'Torebka Guess';pnames[25] = 'bokserki Guess';pnames[26] = 'perfumy Gucci';pnames[27] = 'Okulary przeciwsłoneczne Armani';pnames[28] = 'torebkę Guess';pnames[29] = 'bluzę męską Emporio Armani';pnames[30] = 'perfumy Guess';pnames[31] = 'zegarek damski Guess';pnames[32] = 'Portfel Torrente Couture';pnames[33] = 'Perfumy damskie Azzaro';pnames[34] = 'Torebka damska Tommy';pnames[35] = 'Zegarek męski Paco Rabanne';pnames[36] = 'T-shirt męski Dsquared';pnames[37] = 'Trampki męskie Ed Hardy';pnames[38] = 'Polo męskie Calvin Klein';pnames[39] = 'Polo męskie La Martina';pnames[40] = 'T-shirt męski Diesel';pnames[41] = 'Trampki damskie Ed Hardy';pnames[42] = 'Japonki męskie Christian Audigier';pnames[43] = 'Okulary Tom Ford';pnames[44] = 'Torebka Guess';pnames[45] = 'Zegarek męski Paco Rabanne';pnames[46] = 'Zegarek damski Paco Rabanne';pnames[47] = 'Kolczyki Fossil';pnames[48] = 'Naszyjnik Fossil';pnames[49] = 'Bransoletka Fossil';pnames[50] = 'Koszulka Armani Jeans (L)';pnames[51] = 'Polo Ralph Lauren (L)';    </script>
    <script type="text/javascript" src="http://apps.socializer.pl/zlote_wyprzedaze/media/js/default.js?2"></script>
</head>
<body>
    <div id="wrapper">
        <span id="voted"></span>
        <div id="zwyciezca">
                        <img src="http://graph.facebook.com/100000605915942/picture" width="50" height="50" />
            <span id="imie">Artur M.</span>
            
        </div>
        
        <a href="http://pl-pl.facebook.com/zlotewyprzedaze" id="fanpage" target="_blank" rel="nofollow"></a>
         <a href="http://apps.socializer.pl/zlote_wyprzedaze/media/img/regulamin3.pdf" id="regulamin" target="_blank" rel="nofollow"></a>
         <a href="#" id="podpowiedz"></a>
        
        <ul id="znajomi">
                        <li>
                <img src="http://graph.facebook.com/100001261985954/picture?type=square" />
                <span>Katarzyna K.</span>
            </li>
                    </ul>
        
        <ul id="prezenty">
            <li class='zegarek_zloty' id=14>
                        <span>Zegarek damski Mango</span>
                        </li><li class='bluzka_damska' id=18>
                        <span>Bluzka damska Pepe Jeans<br />rozm. S</span>
                        </li><li class='tshirt_meski' id=36>
                        <span>T-shirt męski Dsquared<br />rozm. XXL</span>
                        </li><li class='polo_lamartina' id=39>
                        <span>Polo męskie La Martina<br/>rozm. XL</span>
                        </li><li class='tshirt_diesel' id=40>
                        <span>T-shirt męski Diesel<br />rozm. XXL</span>
                        </li><li class='japonki_meskie' id=42>
                        <span>Japonki męskie Christian Audigier<br/>rozm. 42/43</span>
                        </li><li class='torebka_guess3' id=44>
                        <span>Torebka Guess</span>
                        </li><li class='naszyjnik_fossil' id=48>
                        <span>Naszyjnik Fossil</span>
                        </li><li class='koszulka_armani_jeans' id=50>
                        <span>Koszulka Armani Jeans (L)</span>
                        </li>        </ul>        
        
        <div id="overlight" class="overlay"></div>
        <div id="overdark" class="overlay"></div>
        <div id="taknie" class="popup">
            <span class="tekst">Czy na pewno wybierasz tę nagrodę?</span>
            <div class="iks"></div>
            <a href="#" id="tak" name="">TAK</a>
            <a href="#" id="nie" name="">NIE</a>
            <span class="reg">Klikając "TAK", wyrażasz zgodę na <a href="http://apps.socializer.pl/zlote_wyprzedaze/media/img/regulamin3.pdf" id="reg_link" target="_blank" rel="nofollow">Regulamin</a>.</span>
        </div>
        <div id="dziekujemy" class="popup">
            <div class="iks"></div>
            <p>Wybrałeś już dziś prezent od Złotych Wyprzedaży.<br />Jutro o 13:00 dowiesz się,<br />czy to właśnie Ty go otrzymasz!<br /><span style="margin-top: 10px;display: block;">Zobacz prezent, który wybrałeś: <a href="http://zlotewyprzedaze.pl" target="_blank" rel="nofollow" style="color: #926605;">www.zlotewyprzedaze.pl</a></span></p>
        </div>        
        <div id="podpowiedz_okno" class="popup">
            <a href="#" class="zamknij"></a>
            <div id="zegar">
                <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">
                    <param name="movie" value="http://apps.socializer.pl/zlote_wyprzedaze/media/swf/zegar.swf" />
                    <param name="quality" value="high" />
                    <param name="bgcolor" value="#ffffff" />
                    <param name="allowScriptAccess" value="sameDomain" />
                    <param name="allowFullScreen" value="true" />
                    <!--[if !IE]>-->
                    <object type="application/x-shockwave-flash" data="http://apps.socializer.pl/zlote_wyprzedaze/media/swf/zegar.swf" width="100%" height="100%">
                        <param name="quality" value="high" />
                        <param name="bgcolor" value="#ffffff" />
                        <param name="allowScriptAccess" value="sameDomain" />
                        <param name="allowFullScreen" value="true" />
                    <!--<![endif]-->
                    <!--[if gte IE 6]>-->
                        <p>
                            Either scripts and active content are not permitted to run or Adobe Flash Player version
                            10.2.0 or greater is not installed.
                        </p>
                    <!--<![endif]-->
                        <a href="http://www.adobe.com/go/getflashplayer">
                            <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
                        </a>
                    <!--[if !IE]>-->
                    </object>
                    <!--<![endif]-->
                </object>
            </div>
        </div>
        
                    
        <script type="text/javascript">
          var pageTracker = _gat._getTracker("UA-22143168-7");
          pageTracker._trackPageview("/zlotewyprzedaze/glowna.html") ;
        </script>      



<div style="position: absolute; bottom: -20px; left: 0; font: 12px arial; color: #666;">
Biorąc udział w konkursie, wyrażasz zgodę na <a href="http://apps.socializer.pl/zlote_wyprzedaze/media/img/regulamin3.pdf" style="color: #666; text-decoration: underline;" target="_blank" rel="nofollow">regulamin</a>.
</div>

<div style="position: absolute; bottom: -20px; right: 0; font: 12px arial; color: #666;">
Created by <a href="http://bit.ly/Socializer_sap"  style="color: #666; text-decoration: underline;" target="_blank" rel="nofollow">Socializer S.A.</a>
</div>


</div>

<div id="fb-root"></div>
<script src="http://connect.facebook.net/pl_PL/all.js"></script>
<script>

   FB.init({
     appId  : '177733338923596',
     status : false, // check login status
     cookie : false, // enable cookies to allow the server to access the session
     xfbml  : true,  // parse XFBML
     channelUrl : 'http://apps.socializer.pl/zlote_wyprzedaze/index.php//channel'
   });

FB.Canvas.setSize({ width: 750, height: 920 });

</script>
</body></html>
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Kursy (x)HTML/CSS DoGeR 9 23,702 18-01-2017, 21:55
Ostatni post: Michael
Sad HTML/CSS/JQUERY - Potrzebuje pomocy / Bezradność jokerblitzz 10 10,230 28-04-2016, 00:24
Ostatni post: mubi
  [CSS]+[HTML] Pozycjonowanie slidera. Youras 2 4,754 16-01-2016, 23:11
Ostatni post: Szymon Słowik
  Kolor tła dla aktywnej podstron [CSS i HTML] bahafo 5 7,795 27-12-2014, 15:25
Ostatni post: Kartofelek
  [xHTML][CSS][JQ] Dopasowanie strony do rozdzielczości ekranu. kadobe 3 4,409 17-08-2013, 01:57
Ostatni post: msx83

Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl