<?xml version="1.0"?>
<rss version="2.0"><channel><title>Po stronie przegl&#x105;darki Latest Topics</title><link>https://unit1.pl/f/19-po-stronie-przegl%C4%85darki/</link><description>Po stronie przegl&#x105;darki Latest Topics</description><language>en</language><item><title>Wordpress Twenty Eleven dzielenie nag&#x142;&#xF3;wka</title><link>https://unit1.pl/topic/4875-wordpress-twenty-eleven-dzielenie-nag%C5%82%C3%B3wka/</link><description><![CDATA[
<p>
	Jak podzielić nagłówek, aby litera "w" i zapis "im." nie były na końcu wiersza? Chodzi o nagłówek podzielony na 3 części w odpowiednich miejscach.
</p>

<p>
	 
</p>

<pre>
<code> /* =Responsive Structure
    ----------------------------------------------- */

    /* Does the same thing as &lt;meta name="viewport" content="width=device-width"&gt;,
     * but in the future W3C standard way. -ms- prefix is required for IE10+ to
     * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
     * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
     */
    @-ms-viewport {
       width: device-width;
    }
    @viewport {
       width: device-width;
    }

    @media (max-width: 800px) {
       /* Simplify the basic layout */
       #main #content {
          margin: 0 7.6%;
          width: auto;
       }
       #nav-below {
          border-bottom: 1px solid #ddd;
          margin-bottom: 1.625em;
       }
       #main #secondary {
          float: none;
          margin: 0 7.6%;
          width: auto;
       }
       /* Simplify the showcase template */
       .page-template-showcase-php .featured-posts {
          min-height: 280px;
       }
       .featured-posts section.featured-post {
          height: auto;
       }
       .page-template-showcase-php section.recent-posts {
          float: none;
          margin: 0;
          width: 100%;
       }
       .page-template-showcase-php #main .widget-area {
          float: none;
          margin: 0;
          width: auto;
       }
       .page-template-showcase-php .other-recent-posts {
          border-bottom: 1px solid #ddd;
       }
       /* Simplify the showcase template when small feature */
       section.featured-post .attachment-small-feature,
       .one-column section.featured-post .attachment-small-feature {
          border: none;
          display: block;
          float: left;
          height: auto;
          margin: 0.625em auto 1.025em;
          max-width: 30%;
          position: static;
       }
       article.feature-image.small {
          float: right;
          margin: 0 0 1.625em;
          width: 64%;
       }
       .one-column article.feature-image.small .entry-summary {
          height: auto;
       }
       article.feature-image.small .entry-summary p a {
          left: 0;
          padding-left: 20px;
          padding-right: 20px;
          width: auto;
       }
       /* Remove the margin on singular articles */
       .singular .entry-header,
       .singular .entry-content,
       .singular footer.entry-meta,
       .singular #comments-title {
          width: 100%;
       }
       /* Simplify the pullquotes and pull styles */
       .singular blockquote.pull {
          margin: 0 0 1.625em;
       }
       .singular .pull.alignleft {
          margin: 0 1.625em 0 0;
       }
       .singular .pull.alignright {
          margin: 0 0 0 1.625em;
       }
       .singular .entry-meta .edit-link a {
          left: 0;
          position: absolute;
          top: 40px;
       }
       .singular #author-info {
          margin: 2.2em -8.8% 0;
          padding: 20px 8.8%;
       }
       /* Make sure we have room for our comment avatars */
       .commentlist {
          width: 100%;
       }
       .commentlist &gt; li.comment,
       .commentlist .pingback {
          margin-left: 102px;
          width: auto;
       }
       /* And a full-width comment form */
       #respond {
          width: auto;
       }
       /* No need to float footer widgets at this size */
       #colophon #supplementary .widget-area {
          float: none;
          margin-right: 0;
          width: auto;
       }
       /* No need to float 404 widgets at this size */
       .error404 #main .widget {
          float: none;
          margin-right: 0;
          width: auto;
       }
    }
    @media (max-width: 650px) {
       /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
       body, input, textarea {
          font-size: 13px;
       }
       #site-title a {
          font-size: 24px;
       }
       #site-description {
          font-size: 12px;
       }
       #access ul {
          font-size: 12px;
       }
       #branding .only-search + #access div {
          padding-right: 0;
       }
       article.intro .entry-content {
          font-size: 12px;
       }
       .entry-title {
          font-size: 21px;
       }
       .featured-post .entry-title {
          font-size: 14px;
       }
       .singular .entry-title {
          font-size: 28px;
       }
       .entry-meta {
          font-size: 12px;
       }
       blockquote {
          margin: 0;
       }
       blockquote.pull {
          font-size: 17px;
       }
       /* Reposition the site title and description slightly */
       #site-title {
          padding: 5.30625em 0 0;
       }
       #site-title,
       #site-description {
          margin-right: 0;
       }
       /* Make sure the logo and search form don't collide */
       #branding #searchform {
          top: 1.625em !important;
       }
       /* Floated content doesn't work well at this size */
       .alignleft,
       .alignright {
          display: block;
          float: none;
          margin-left: 0;
          margin-right: 0;
       }
       /* Make sure the post-post navigation doesn't collide with anything */
       #nav-single {
          display: block;
          position: static;
       }
       .singular .hentry {
          padding: 1.625em 0 0;
       }
       .singular.page .hentry {
          padding: 1.625em 0 0;
       }
       .singular .entry-header .entry-meta,
       .singular .entry-header .entry-format,
       .singular .entry-meta .edit-link a {
          position: static;
       }
       /* Talking avatars take up too much room at this size */
       .commentlist &gt; li.comment,
       .commentlist &gt; li.pingback {
          margin-left: 0 !important;
       }
       .commentlist .avatar {
          background: transparent;
          display: block;
          padding: 0;
          position: static;
       }
       .commentlist .children .avatar {
          background: none;
          left: 2.2em;
          padding: 0;
          position: absolute;
          top: 2.2em;
       }
       /* Use the available space in the smaller comment form */
       #respond input[type="text"] {
          width: 95%;
       }
       #respond .comment-form-author .required,
       #respond .comment-form-email .required {
          left: 95%;
       }
       #content .gallery-columns-3 .gallery-item {
          width: 31%;
          padding-right: 2%;
       }
       #content .gallery-columns-3 .gallery-item img {
          width: 100%;
          height: auto;
       }
    }
    @media (max-width: 450px) {
       #content .gallery-columns-2 .gallery-item {
          width: 45%;
          padding-right: 4%;
       }
       #content .gallery-columns-2 .gallery-item img {
          width: 100%;
          height: auto;
       }
    }
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
       
       body {
          padding: 0;
       }
       #page {
          margin-top: 0;
       }
       #branding {
          border-top: none;
       }
    }</code></pre>

<p>
	 
</p>
]]></description><guid isPermaLink="false">4875</guid><pubDate>Tue, 17 Sep 2019 09:47:33 +0000</pubDate></item><item><title>Filtrowanie wynik&#xF3;w na stronie</title><link>https://unit1.pl/topic/4847-filtrowanie-wynik%C3%B3w-na-stronie/</link><description><![CDATA[<p>
	Witam<br />
	Jako projekt do szkoły chcę stworzyć serwis turystyczny, w którym chcę umieścić filtrowanie. Ma to wyglądać tak, że użytkownik wchodząc na stronę będzie widział kilka kategorii filtrów, np:  lokalizacja, rodzaj, cena itp.. i wybierając daną pozycję z filtrów na ekranie pokażą się wybrane miejsca. Domyślam się, że do owych miejsc w jakiś sposób muszą być dopisane wartości z tych filtrów by mogły one się "znaleźć" (podobnie chyba działa allegro). Jestem amatorem i potrzebuję możliwie prostego rozwiązania. Myślę, że temat był już poruszany, ale niestety nie wiem jakiej terminologii użyć by znaleźć potrzebne mi informacje, także jeśli temat już się gdzieś pojawił proszę o link do lub o jakiś szablon. <br />
	Pozdrawiam i z góry dziękuję :)
</p>]]></description><guid isPermaLink="false">4847</guid><pubDate>Sat, 06 Apr 2019 11:12:23 +0000</pubDate></item><item><title>gra pi&#x142;karzyki</title><link>https://unit1.pl/topic/4842-gra-pi%C5%82karzyki/</link><description><![CDATA[
<p>
	Witam
</p>

<p>
	Bawiłem się javascript i wymyśliłem silnik piłkarzyków. Trik polega na tym że punkty w canvas są przypisywane do tablicy w postaci punktów OX np... punkt 1515 czyli x to 15 a y to 15 przypisywane są do tabeli. W tabeli jest przypisywany łańcuch znaków w kierunku linia zrobiła ślad a tych śladów (kierunków) jest osiem... jak na papierze z zeszytu od matematyki czyli góra, skos prawy góra, prawo, skos prawy dół, na dól, skos lewy dół, lewy i skos lewy góra. Z każdym ruchem przypisuje 2 do kierunku dwóch punktów - kontynuacja śladu i koniec śladu czyli np... jeśli damy skos prawy góra to będzie to... 
</p>

<p>
	"a"+str[1]+"a"+str[2]+"a3"+"a"+str[4]+"a"+str[5]+"a"+str[6]+"a"+str[7]+"a"+str[8]
</p>

<p>
	<br>
	dla ruchu z punktu start oraz...
</p>

<p>
	"a"+str[1]+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a"+str[5]+"a"+str[6]+"a2"+"a"+str[8]
</p>

<p>
	dla końca linii. Jeśli natrafimy na wartość 1 z obydwu punktów to oznaczy to ze jest koniec śladu i nie ma ani odbicia od linii ani blokady. Oznacza to koniec kreślenia i rozpoczęcie ruchu gracza 2. Jeśli wartość 2  z punktów.... blokadę kreślenia bo nie wolno kreślić na liniach co już są oraz jeśli 1 ale nie punkty blokady kreślenia ani końca i zmiana na kreślenie drugiego gracza - odbijanie od linii. Nie wiem co jest nie tak gdyż nie do końca działa. Czasami pokazuje że jest koniec oraz odbijanie od linii. Czasami że kolej graczai koniec. Nie wiem jak sobie z tym poradzić.
</p>

<pre>
<code class="language-javascript">&lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
    &lt;meta name="viewport" content="width=device-width"&gt;
&lt;body &gt;

&lt;center&gt;
     
     &lt;canvas id="myCanvas" width="400" height="400" &gt;
&lt;/canvas&gt; 
     
     
     &lt;script&gt;
         //----------------------------------var
    var akx=160;
    var aky=100;
    var first=1;
    var str = new Array();
    var dotab;
    var loncz;
    var pom;
    var pom2;
    var rx;
    var ry;
    var tab = new Array();
    var start=0;
    var notway;
    tab[1020]="a1a1a1a1a1a1a1a1";tab[1040]="a1a1a1a1a1a1a1a1";tab[1060]="a1a1a1a1a1a1a1a1";tab[1080]="a1a1a1a1a1a1a1a1";tab[10100]="a1a1a1a1a1a1a1a1";tab[10120]="a1a1a1a1a1a1a1a1";tab[10140]="a1a1a1a1a1a1a1a1";tab[10160]="a1a1a1a1a1a1a1a1";tab[10180]="a1a1a1a1a1a1a1a1";tab[10200]="a1a1a1a1a1a1a1a1";tab[10220]="a1a1a1a1a1a1a1a1";tab[10240]="a1a1a1a1a1a1a1a1";tab[10260]="a1a1a1a1a1a1a1a1";tab[10280]="a1a1a1a1a1a1a1a1";tab[10300]="a1a1a1a1a1a1a1a1";tab[12020]="a1a1a1a1a1a1a1a1";tab[12040]="a1a1a1a1a1a1a1a1";tab[12060]="a1a1a1a1a1a1a1a1";tab[12080]="a1a1a1a1a1a1a1a1";tab[120100]="a1a1a1a1a1a1a1a1";tab[120120]="a1a1a1a1a1a1a1a1";tab[120140]="a1a1a1a1a1a1a1a1";tab[120160]="a1a1a1a1a1a1a1a1";tab[120180]="a1a1a1a1a1a1a1a1";tab[120200]="a1a1a1a1a1a1a1a1";tab[120220]="a1a1a1a1a1a1a1a1";tab[120240]="a1a1a1a1a1a1a1a1";tab[120260]="a1a1a1a1a1a1a1a1";tab[120280]="a1a1a1a1a1a1a1a1";tab[120300]="a1a1a1a1a1a1a1a1";tab[14020]="a1a1a1a1a1a1a1a1";tab[14040]="a1a1a1a1a1a1a1a1";tab[14060]="a1a1a1a1a1a1a1a1";tab[14080]="a1a1a1a1a1a1a1a1";tab[140100]="a1a1a1a1a1a1a1a1";tab[140120]="a1a1a1a1a1a1a1a1";tab[140140]="a1a1a1a1a1a1a1a1";tab[140160]="a1a1a1a1a1a1a1a1";tab[140180]="a1a1a1a1a1a1a1a1";tab[140200]="a1a1a1a1a1a1a1a1";tab[140220]="a1a1a1a1a1a1a1a1";tab[140240]="a1a1a1a1a1a1a1a1";tab[140260]="a1a1a1a1a1a1a1a1";tab[140280]="a1a1a1a1a1a1a1a1";tab[140300]="a1a1a1a1a1a1a1a1";tab[16020]="a1a1a1a1a1a1a1a1";tab[16040]="a1a1a1a1a1a1a1a1";tab[16060]="a1a1a1a1a1a1a1a1";tab[16080]="a1a1a1a1a1a1a1a1";tab[160100]="a1a1a1a1a1a1a1a1";tab[160120]="a1a1a1a1a1a1a1a1";tab[160140]="a1a1a1a1a1a1a1a1";tab[160160]="a1a1a1a1a1a1a1a1";tab[160180]="a1a1a1a1a1a1a1a1";tab[160200]="a1a1a1a1a1a1a1a1";tab[160220]="a1a1a1a1a1a1a1a1";tab[160240]="a1a1a1a1a1a1a1a1";tab[160260]="a1a1a1a1a1a1a1a1";tab[160280]="a1a1a1a1a1a1a1a1";tab[160300]="a1a1a1a1a1a1a1a1";tab[18020]="a1a1a1a1a1a1a1a1";tab[18040]="a1a1a1a1a1a1a1a1";tab[18060]="a1a1a1a1a1a1a1a1";tab[18080]="a1a1a1a1a1a1a1a1";tab[180100]="a1a1a1a1a1a1a1a1";tab[180120]="a1a1a1a1a1a1a1a1";tab[180140]="a1a1a1a1a1a1a1a1";tab[180160]="a1a1a1a1a1a1a1a1";tab[180180]="a1a1a1a1a1a1a1a1";tab[180200]="a1a1a1a1a1a1a1a1";tab[180220]="a1a1a1a1a1a1a1a1";tab[180240]="a1a1a1a1a1a1a1a1";tab[180260]="a1a1a1a1a1a1a1a1";tab[180280]="a1a1a1a1a1a1a1a1";tab[180300]="a1a1a1a1a1a1a1a1";tab[110020]="a1a1a1a1a1a1a1a1";tab[110040]="a1a1a1a1a1a1a1a1";tab[110060]="a1a1a1a1a1a1a1a1";tab[110080]="a1a1a1a1a1a1a1a1";tab[1100100]="a1a1a1a1a1a1a1a1";tab[1100120]="a1a1a1a1a1a1a1a1";tab[1100140]="a1a1a1a1a1a1a1a1";tab[1100160]="a1a1a1a1a1a1a1a1";tab[1100180]="a1a1a1a1a1a1a1a1";tab[1100200]="a1a1a1a1a1a1a1a1";tab[1100220]="a1a1a1a1a1a1a1a1";tab[1100240]="a1a1a1a1a1a1a1a1";tab[1100260]="a1a1a1a1a1a1a1a1";tab[1100280]="a1a1a1a1a1a1a1a1";tab[1100300]="a1a1a1a1a1a1a1a1";tab[112020]="a1a1a1a1a1a1a1a1";tab[112040]="a1a1a1a1a1a1a1a1";tab[112060]="a1a1a1a1a1a1a1a1";tab[112080]="a1a1a1a1a1a1a1a1";tab[1120100]="a1a1a1a1a1a1a1a1";tab[1120120]="a1a1a1a1a1a1a1a1";tab[1120140]="a1a1a1a1a1a1a1a1";tab[1120160]="a1a1a1a1a1a1a1a1";tab[1120180]="a1a1a1a1a1a1a1a1";tab[1120200]="a1a1a1a1a1a1a1a1";tab[1120220]="a1a1a1a1a1a1a1a1";tab[1120240]="a1a1a1a1a1a1a1a1";tab[1120260]="a1a1a1a1a1a1a1a1";tab[1120280]="a1a1a1a1a1a1a1a1";tab[1120300]="a1a1a1a1a1a1a1a1";tab[114020]="a1a1a1a1a1a1a1a1";tab[114040]="a1a1a1a1a1a1a1a1";tab[114060]="a1a1a1a1a1a1a1a1";tab[114080]="a1a1a1a1a1a1a1a1";tab[1140100]="a1a1a1a1a1a1a1a1";tab[1140120]="a1a1a1a1a1a1a1a1";tab[1140140]="a1a1a1a1a1a1a1a1";tab[1140160]="a1a1a1a1a1a1a1a1";tab[1140180]="a1a1a1a1a1a1a1a1";tab[1140200]="a1a1a1a1a1a1a1a1";tab[1140220]="a1a1a1a1a1a1a1a1";tab[1140240]="a1a1a1a1a1a1a1a1";tab[1140260]="a1a1a1a1a1a1a1a1";tab[1140280]="a1a1a1a1a1a1a1a1";tab[1140300]="a1a1a1a1a1a1a1a1";tab[116020]="a1a1a1a1a1a1a1a1";tab[116040]="a1a1a1a1a1a1a1a1";tab[116060]="a1a1a1a1a1a1a1a1";tab[116080]="a1a1a1a1a1a1a1a1";tab[1160100]="a1a1a1a1a1a1a1a1";tab[1160120]="a1a1a1a1a1a1a1a1";tab[1160140]="a1a1a1a1a1a1a1a1";tab[1160160]="a1a1a1a1a1a1a1a1";tab[1160180]="a1a1a1a1a1a1a1a1";tab[1160200]="a1a1a1a1a1a1a1a1";tab[1160220]="a1a1a1a1a1a1a1a1";tab[1160240]="a1a1a1a1a1a1a1a1";tab[1160260]="a1a1a1a1a1a1a1a1";tab[1160280]="a1a1a1a1a1a1a1a1";tab[1160300]="a1a1a1a1a1a1a1a1";tab[118020]="a1a1a1a1a1a1a1a1";tab[118040]="a1a1a1a1a1a1a1a1";tab[118060]="a1a1a1a1a1a1a1a1";tab[118080]="a1a1a1a1a1a1a1a1";tab[1180100]="a1a1a1a1a1a1a1a1";tab[1180120]="a1a1a1a1a1a1a1a1";tab[1180140]="a1a1a1a1a1a1a1a1";tab[1180160]="a1a1a1a1a1a1a1a1";tab[1180180]="a1a1a1a1a1a1a1a1";tab[1180200]="a1a1a1a1a1a1a1a1";tab[1180220]="a1a1a1a1a1a1a1a1";tab[1180240]="a1a1a1a1a1a1a1a1";tab[1180260]="a1a1a1a1a1a1a1a1";tab[1180280]="a1a1a1a1a1a1a1a1";tab[1180300]="a1a1a1a1a1a1a1a1";tab[120020]="a1a1a1a1a1a1a1a1";tab[120040]="a1a1a1a1a1a1a1a1";tab[120060]="a1a1a1a1a1a1a1a1";tab[120080]="a1a1a1a1a1a1a1a1";tab[1200100]="a1a1a1a1a1a1a1a1";tab[1200120]="a1a1a1a1a1a1a1a1";tab[1200140]="a1a1a1a1a1a1a1a1";tab[1200160]="a1a1a1a1a1a1a1a1";tab[1200180]="a1a1a1a1a1a1a1a1";tab[1200200]="a1a1a1a1a1a1a1a1";tab[1200220]="a1a1a1a1a1a1a1a1";tab[1200240]="a1a1a1a1a1a1a1a1";tab[1200260]="a1a1a1a1a1a1a1a1";tab[1200280]="a1a1a1a1a1a1a1a1";tab[1200300]="a1a1a1a1a1a1a1a1";
    //------------------------------------------------------canvas
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
         
ctx.fillStyle = "#000000";
         for (var i=0;i&lt;=10;i++){
             for(var j=1;j&lt;=15;j++){
                 ctx.fillRect(i*20,j*20,5,5);
             }
         }
         ctx.fillRect(80,0,5,5);
          ctx.fillRect(100,0,5,5);
         ctx.fillRect(120,0,5,5);
          ctx.fillRect(80,320,5,5);
         ctx.fillRect(120,320,5,5);
          ctx.fillRect(100,320,5,5);
          
         
ctx.beginPath();
ctx.rect(100,160,5,5);
ctx.fillStyle = "red";
ctx.fill();
ctx.beginPath();
ctx.lineWidth="2";
ctx.strokeStyle="black";
ctx.rect(0,20,205,285);
ctx.stroke();
ctx.beginPath();
ctx.lineWidth="2";
ctx.strokeStyle="white";
ctx.moveTo(80,20);
ctx.lineTo(120,20);
ctx.moveTo(80,305);
ctx.lineTo(120,305);
ctx.stroke();
document.addEventListener("DOMContentLoaded", init, false);

//------------------------cookie

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}

function readCookie(name) {
            var nameEQ = name + "=";
            var ca = document.cookie.split(';');
            for (var i = 0; i &lt; ca.length; i++) {
                var c = ca;
                while (c.charAt(0) == ' ') c = c.substring(1, c.length);
                if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
            }
            return null;
        }


//----------------------------------------init
      function init()
      {
        var canvas = document.getElementById("myCanvas");
        canvas.addEventListener("mousedown", getPosition, false);
      }
//--------------------------------------onclick
      function getPosition(event)
      {
          obtocz=$("#obtocz").val();
        var x = new Number();
        var y = new Number();
        var canvas = document.getElementById("canvas");
        if (event.x != undefined &amp;&amp; event.y != undefined)
        {
          x = event.x;
          y = event.y;
        }
        else // Firefox method to get the position
        {
          x = event.clientX + document.body.scrollLeft +
              document.documentElement.scrollLeft;
          y = event.clientY + document.body.scrollTop +
              document.documentElement.scrollTop;
        }
        x -= myCanvas.offsetLeft;
        y -= myCanvas.offsetTop;
       rx=x;
        ry=y;
          rx=rx/20;
          ry=ry/20;
          rx=Math.round(rx);
          ry=Math.round(ry);
          rx=rx*20;
          ry=ry*20;
         /*
         if(start==1){
          akx=readCookie("akxc");
          aky=readCookie("akyc");
          }
          */
         start=1; 
          if (first==1){
         

    //1 -20 +20
    
        if ((rx == (aky-20)) &amp;&amp; (ry == (akx+20))){
        alert("-20 +20 badane");
        
        str=tab["1"+rx+""+ry].split("a");
    if(str[1] == 1 &amp;&amp; str[5] == 1){
        
            ctx.beginPath(); ctx.lineWidth="2"; ctx.strokeStyle="black"; ctx.moveTo(aky,akx); ctx.lineTo(rx,ry); ctx.stroke(); 
            dotab="a2"+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a2"+str[5]+"a"+str[6]+"a"+str[7]+"a"+str[8]; tab["1"+rx+""+ry]=dotab;
        dotab="a"+str[1]+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a2"+"a"+str[6]+"a"+str[7]+"a"+str[8]; tab["1"+aky+""+akx]=dotab;
        alert("ends");
    }
    
    if (str[1] == "2" || str[5] == "2") {
    
    alert("not way");notway=1;
    }

    if(str[2] == "2" || str[3] == "2" || str[4] == "2" || str[6] == "2" || str[7] == "2" || str[8] == "2"){
    ctx.beginPath(); ctx.lineWidth="2"; ctx.strokeStyle="black"; ctx.moveTo(aky,akx); ctx.lineTo(rx,ry); ctx.stroke(); 
            dotab="a2"+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a2"+str[5]+"a"+str[6]+"a"+str[7]+"a"+str[8]; tab["1"+rx+""+ry]=dotab;
        dotab="a"+str[1]+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a2"+"a"+str[6]+"a"+str[7]+"a"+str[8]; tab["1"+aky+""+akx]=dotab;
    alert("ping");
    
    }
    }
    //----------end
    
    //2  0 +20    

    
    
        if (rx == aky &amp;&amp; ry == akx+20){
        //alert(end1);
        
        str=tab["1"+rx+""+ry].split("a");
    if(str[2] == "1" &amp;&amp; str[6] == "1"){//-----------------
        
            ctx.beginPath(); ctx.lineWidth="2"; ctx.strokeStyle="black"; ctx.moveTo(aky,akx); ctx.lineTo(rx,ry); ctx.stroke(); 
            dotab="a"+str[1]+"a2"+"a"+str[3]+"a"+str[4]+"a"+str[5]+"a"+str[6]+"a"+str[7]+"a"+str[8]; tab["1"+rx+""+ry]=dotab;
        dotab="a"+str[1]+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a"+str[5]+"a2"+"a"+str[7]+"a"+str[8]; tab["1"+akx+""+aky]=dotab;
        alert("ends");
    } if (str[2] == "2" || str[6] == "2") {
    
    alert("not way");notway=1;
    } if(str[1] == "2" || str[3] == "2" || str[4] == "2" || str[5] == "2" || str[7] == "2" || str[8] == "2"){
    ctx.beginPath(); ctx.lineWidth="2"; ctx.strokeStyle="black"; ctx.moveTo(aky,akx); ctx.lineTo(rx,ry); ctx.stroke(); 
            dotab="a"+str[1]+"a2"+"a"+str[3]+"a"+str[4]+"a"+str[5]+"a"+str[6]+"a"+str[7]+"a"+str[8]; tab["1"+rx+""+ry]=dotab;
        dotab="a"+str[1]+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a"+str[5]+"a2"+"a"+str[7]+"a"+str[8]; tab["1"+aky+""+akx]=dotab;
    alert("ping");
    
    }
    }
    //----------end


    //3 +20 +20
    
        if (rx == aky+20 &amp;&amp; ry == akx+20){
        //alert(end1);
        
        str=tab["1"+rx+""+ry].split("a");
    if(str[3] == "1" &amp;&amp; str[7] == "1"){//-----------------
        
            ctx.beginPath(); ctx.lineWidth="2"; ctx.strokeStyle="black"; ctx.moveTo(aky,akx); ctx.lineTo(rx,ry); ctx.stroke(); 
            dotab="a"+str[1]+"a"+str[2]+"a3"+"a"+str[4]+"a"+str[5]+"a"+str[6]+"a"+str[7]+"a"+str[8]; tab["1"+rx+""+ry]=dotab;
        dotab="a"+str[1]+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a"+str[5]+"a"+str[6]+"a2"+"a"+str[8]; tab["1"+aky+""+akx]=dotab;
        alert("ends");
    } if (str[3] == "2" || str[7] == "2") {
    
    alert("not way");notway=1;
    } if(str[1] == "2" || str[2] == "2" || str[4] == "2" || str[5] == "2" || str[6] == "2" || str[8] == "2"){
        ctx.beginPath(); ctx.lineWidth="2"; ctx.strokeStyle="black"; ctx.moveTo(aky,akx); ctx.lineTo(rx,ry); ctx.stroke(); 
            dotab="a"+str[1]+"a"+str[2]+"a3"+"a"+str[4]+"a"+str[5]+"a"+str[6]+"a"+str[7]+"a"+str[8]; tab["1"+rx+""+ry]=dotab;
        dotab="a"+str[1]+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a"+str[5]+"a"+str[6]+"a2"+"a"+str[8]; tab["1"+aky+""+akx]=dotab;
    alert("ping");
    
    }
    }
    //----------end
    
    
    //4 +20 0
    
        if (rx == aky+20 &amp;&amp; ry == akx){
        //alert(end1);
        
        str=tab["1"+rx+""+ry].split("a");
    if(str[4] == "1" &amp;&amp; str[8] == "1"){//-----------------
        
            ctx.beginPath(); ctx.lineWidth="2"; ctx.strokeStyle="black"; ctx.moveTo(aky,akx); ctx.lineTo(rx,ry); ctx.stroke(); 
            dotab="a"+str[1]+"a"+str[2]+"a"+str[3]+"a2"+"a"+str[5]+"a"+str[6]+"a"+str[7]+"a"+str[8]; tab["1"+rx+""+ry]=dotab;
        dotab="a"+str[1]+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a"+str[5]+"a"+str[6]+"a"+str[7]+"a2"; tab["1"+aky+""+akx]=dotab;
        alert("ends");
    } if (str[4] == "2" || str[8] == "2") {
    
    alert("not way");notway=1;
    } if(str[1] == "2" || str[2] == "2" || str[3] == "2" || str[5] == "2" || str[6] == "2" || str[7] == "2"){
    
            ctx.beginPath(); ctx.lineWidth="2"; ctx.strokeStyle="black"; ctx.moveTo(aky,akx); ctx.lineTo(rx,ry); ctx.stroke(); 
            dotab="a"+str[1]+"a"+str[2]+"a"+str[3]+"a2"+"a"+str[5]+"a"+str[6]+"a"+str[7]+"a"+str[8]; tab["1"+rx+""+ry]=dotab;
        dotab="a"+str[1]+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a"+str[5]+"a"+str[6]+"a"+str[7]+"a2"; tab["1"+aky+""+akx]=dotab;
    alert("ping");
    
    }
    }
    //----------end
    
    //5 +20 -20
    var pomaky = aky+20;
    var pomakx = akx-20;
        if ((rx == aky+20) &amp;&amp; ((ry) == akx-20)){
        alert("+20 -20");
        
        str=tab["1"+rx+""+ry].split("a");
    if(str[5] == "1" &amp;&amp; str[1] == "1"){//-----------------
        
            ctx.beginPath(); ctx.lineWidth="2"; ctx.strokeStyle="black"; ctx.moveTo(aky,akx); ctx.lineTo(rx,ry); ctx.stroke(); 
            dotab="a"+str[1]+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a2"+"a"+str[6]+"a"+str[7]+"a"+str[8]; tab["1"+rx+""+ry]=dotab;
        dotab="a2"+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a"+str[5]+"a"+str[6]+"a"+str[7]+"a"+str[8]; tab["1"+aky+""+akx]=dotab;
        alert("ends");
    } if (str[5] == "2" &amp;&amp; str[1] == "2") {
    
    alert("not way");notway=1;
    } if(str[2] == "2" || str[3] == "2" || str[4] == "2" || str[6] == "2" || str[7] == "2" || str[8] == "2"){
    ctx.beginPath(); ctx.lineWidth="2"; ctx.strokeStyle="black"; ctx.moveTo(aky,akx); ctx.lineTo(rx,ry); ctx.stroke(); 
            dotab="a"+str[1]+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a2"+"a"+str[6]+"a"+str[7]+"a"+str[8]; tab["1"+rx+""+ry]=dotab;
        dotab="a2"+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a"+str[5]+"a"+str[6]+"a"+str[7]+"a"+str[8]; tab["1"+aky+""+akx]=dotab;
    alert("ping");
    
    }
    }
    //----------end
    
    
    
    //6 0 -20
    
        if (rx == aky &amp;&amp; ry == akx-20){
        //alert(end1);
        
        str=tab["1"+rx+""+ry].split("a");
    if(str[6] == "1" &amp;&amp; str[2] == "1"){//-----------------
        
            ctx.beginPath(); ctx.lineWidth="2"; ctx.strokeStyle="black"; ctx.moveTo(aky,akx); ctx.lineTo(rx,ry); ctx.stroke(); 
            dotab="a"+str[1]+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a"+str[5]+"a2"+"a"+str[7]+"a"+str[8]; tab["1"+rx+""+ry]=dotab;
        dotab="a"+str[1]+"a2"+"a"+str[3]+"a"+str[4]+"a"+str[5]+"a"+str[6]+"a"+str[7]+"a"+str[8]; tab["1"+aky+""+akx]=dotab;
        alert("ends");
    } if (str[6] == "2" &amp;&amp; str[2] == "2") {
    
    alert("not way");notway=1;
    } if(str[1] == "2" || str[3] == "2" || str[4] == "2" || str[5] == "2" || str[7] == "2" || str[8] == "2"){
    ctx.beginPath(); ctx.lineWidth="2"; ctx.strokeStyle="black"; ctx.moveTo(aky,akx); ctx.lineTo(rx,ry); ctx.stroke(); 
            dotab="a"+str[1]+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a"+str[5]+"a2"+"a"+str[7]+"a"+str[8]; tab["1"+rx+""+ry]=dotab;
        dotab="a"+str[1]+"a2"+"a"+str[3]+"a"+str[4]+"a"+str[5]+"a"+str[6]+"a"+str[7]+"a"+str[8]; tab["1"+aky+""+akx]=dotab;
        
    alert("ping");
    
    }
    }
    //----------end
    
    
    
    //7 -20 -20
    
        if (rx == aky-20 &amp;&amp; ry == akx-20){
        //alert(end1);
        
        str=tab["1"+rx+""+ry].split("a");
    if(str[7] == "1" &amp;&amp; str[3] == "1"){//-----------------
        
            ctx.beginPath(); ctx.lineWidth="2"; ctx.strokeStyle="black"; ctx.moveTo(aky,akx); ctx.lineTo(rx,ry); ctx.stroke(); 
            dotab="a"+str[1]+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a"+str[5]+"a"+str[6]+"a2"+"a"+str[8]; tab["1"+rx+""+ry]=dotab;
        dotab="a"+str[1]+"a"+str[2]+"a2"+"a"+str[4]+"a"+str[5]+"a"+str[6]+"a"+str[7]+"a"+str[8]; tab["1"+aky+""+akx]=dotab;
        alert("ends");
    } if (str[7] == "2" &amp;&amp; str[3] == "2") {
    
    alert("not way");notway=1;
    } if(str[1] == "2" || str[2] == "2" || str[4] == "2" || str[5] == "2" || str[6] == "2" || str[8] == "2"){
    ctx.beginPath(); ctx.lineWidth="2"; ctx.strokeStyle="black"; ctx.moveTo(aky,akx); ctx.lineTo(rx,ry); ctx.stroke(); 
            dotab="a"+str[1]+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a"+str[5]+"a"+str[6]+"a2"+"a"+str[8]; tab["1"+rx+""+ry]=dotab;
        dotab="a"+str[1]+"a"+str[2]+"a2"+"a"+str[4]+"a"+str[5]+"a"+str[6]+"a"+str[7]+"a"+str[8]; tab["1"+aky+""+akx]=dotab;
        
    alert("ping");
    
    }
    }
    //----------end
    
    
    
    //8 -20 0
    
        if (rx == aky-20 &amp;&amp; ry == akx){
        //alert(end1);
        
        str=tab["1"+rx+""+ry].split("a");
    if(str[8] == "1" &amp;&amp; str[4] == "1"){//-----------------
        
            ctx.beginPath(); ctx.lineWidth="2"; ctx.strokeStyle="black"; ctx.moveTo(aky,akx); ctx.lineTo(rx,ry); ctx.stroke(); 
            dotab="a"+str[1]+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a"+str[5]+"a"+str[6]+"a"+str[7]+"a2"; tab["1"+rx+""+ry]=dotab;
        dotab="a"+str[1]+"a"+str[2]+"a"+str[3]+"a4"+"a"+str[5]+"a"+str[6]+"a"+str[7]+"a"+str[8]; tab["1"+aky+""+akx]=dotab;
        alert("ends");
    } if (str[8] == "2" || str[4] == "2") {
    
    alert("not way");notway=1;
    } if(str[1] == "2" || str[2] == "2" || str[3] == "2" || str[5] == "2" || str[6] == "2" || str[7] == "2"){
    ctx.beginPath(); ctx.lineWidth="2"; ctx.strokeStyle="black"; ctx.moveTo(aky,akx); ctx.lineTo(rx,ry); ctx.stroke(); 
            dotab="a"+str[1]+"a"+str[2]+"a"+str[3]+"a"+str[4]+"a"+str[5]+"a"+str[6]+"a"+str[7]+"a2"; tab["1"+rx+""+ry]=dotab;
        dotab="a"+str[1]+"a"+str[2]+"a"+str[3]+"a4"+"a"+str[5]+"a"+str[6]+"a"+str[7]+"a"+str[8]; tab["1"+aky+""+akx]=dotab;
    alert("ping");
    
    }
    }
    //----------end
        //console.log(dotab+"8");                
    
    //console.log(str);
    
    
    
    console.log(aky+" aky"+akx+" akx"+rx+" rx"+ry+" ry");
    console.log(tab["1"+rx+""+ry]+" tab");
    console.log(str[1]+" str1"+str[5]+" str5");
    
    
    //setCookie("akxc",ry,30);
    //setCookie("akyc",rx,30);
    if(notway!=1){
    if((ry==akx-20 &amp;&amp; rx==aky+20)||(ry==akx &amp;&amp; rx==aky+20)||(ry==akx+20 &amp;&amp; rx==aky+20)||(ry==akx+20 &amp;&amp; rx==aky)||(ry==akx+20 &amp;&amp; rx==aky-20)||(ry==akx &amp;&amp; rx==aky-20)||(ry==akx-20 &amp;&amp; rx==aky-20)||(ry==akx-20 &amp;&amp; rx==aky)){
    akx=ry;
    aky=rx;
    }
    }
    notway=0;
    }
    
                }
          
      
     
     &lt;/script&gt;</code></pre>

<p>
	<br><em>    2 </em>
</p>
]]></description><guid isPermaLink="false">4842</guid><pubDate>Tue, 19 Mar 2019 13:30:07 +0000</pubDate></item><item><title>Sinus scroll - &#x142;atwy samouczek JavaScript</title><link>https://unit1.pl/topic/4807-sinus-scroll-%C5%82atwy-samouczek-javascript/</link><description><![CDATA[
<p>
	Efekt rodem z 8-bitowych intro i demo z lat 90-tych w 30 liniach czystego JavaScript<br><a href="http://slicker.me/javascript/sinus_scroll.htm" rel="external nofollow">http://slicker.me/javascript/sinus_scroll.htm</a>
</p>

<p>
	<a class="ipsAttachLink ipsAttachLink_image" href="https://unit1.pl/uploads/monthly_2018_10/skrol.png.1b5722321fef080771323ddf6b82b3cc.png" data-fileid="101" rel=""><img alt="skrol.png" class="ipsImage ipsImage_thumbnailed" data-fileid="101" src="https://unit1.pl/applications/core/interface/js/spacer.png" data-src="https://unit1.pl/uploads/monthly_2018_10/skrol.png.1b5722321fef080771323ddf6b82b3cc.png" width="602" data-ratio="33.22"></a>
</p>
]]></description><guid isPermaLink="false">4807</guid><pubDate>Mon, 08 Oct 2018 01:52:00 +0000</pubDate></item><item><title>Jak wykona&#x107; obiekt kt&#xF3;ry w miar&#x119; scrollowania b&#x119;dzie chowa&#x142; si&#x119; do g&#xF3;ry strony?</title><link>https://unit1.pl/topic/4732-jak-wykona%C4%87-obiekt-kt%C3%B3ry-w-miar%C4%99-scrollowania-b%C4%99dzie-chowa%C5%82-si%C4%99-do-g%C3%B3ry-strony/</link><description><![CDATA[<p><span style="font-family:arial, sans, sans-serif;"><span style="font-size:12px;">Jak dodać panel wyszukiwania pod który chwilowo wjeżdża kiedy scrollujemy zawartość strony a po chwili się chowający, jak tu: </span></span><a href="https://zoptamo.com/pl/s-wspinaczka_skalna-c-pl-coach" rel="external nofollow"><span style="font-family:arial, sans, sans-serif;"><span style="font-size:12px;">https://zoptamo.com/...alna-c-pl-coach</span></span></a><span style="font-family:arial, sans, sans-serif;"><span style="font-size:12px;"> ? Są znane jakieś skrypty czy coś żeby wrzucić coś podobnego na stronę? Czy trzeba zakodzić własnoręcznie?</span></span></p>]]></description><guid isPermaLink="false">4732</guid><pubDate>Wed, 30 Nov 2016 09:58:56 +0000</pubDate></item><item><title>Responsywno&#x15B;c, tak czy nie?</title><link>https://unit1.pl/topic/4627-responsywno%C5%9Bc-tak-czy-nie/</link><description><![CDATA[
<p>Witam wszystkich,</p>
<p> </p>
<p>od jakiegoś czasu panuje trend na tworzenie strony również pod kątem responsywności, co więcej - google promuje te strony które są dostosowane do urządzeń moblinych. Myślę, że wkrótce responsywnośc stanie się nawet wymogiem <img src="https://unit1.pl/applications/core/interface/js/spacer.png" alt=":)" data-src="https://unit1.pl/uploads/emoticons/default_smile.png"></p>
<p> </p>
<p>Jeśli macie jakieś pytania w tym temacie, bądź potrzebujecie pomocy - zapraszam do kontaktu <img src="https://unit1.pl/applications/core/interface/js/spacer.png" alt=":)" data-src="https://unit1.pl/uploads/emoticons/default_smile.png"></p>
]]></description><guid isPermaLink="false">4627</guid><pubDate>Wed, 29 Apr 2015 08:17:54 +0000</pubDate></item><item><title>Projekt karcianej gry multiplayer przez przegl&#x105;dark&#x119;</title><link>https://unit1.pl/topic/4572-projekt-karcianej-gry-multiplayer-przez-przegl%C4%85dark%C4%99/</link><description><![CDATA[
<p>Witam,</p>
<p>Jestem w trakcie zastanawiania się nad rozwiązaniami, jakie powinienem zastosować aby stworzyć wieloosobową grę karcianą. Jako punkt odniesienia należy przyjąć jakąkolwiek grę karcianą online, np pokerstars.com (aplikacja Windows/Mac OS X), lub gryonline.wp.pl (JAVA)</p>
<p> </p>
<p>Założenia i problemy do rozwiązania:</p>
<p> </p>
<ul>
<li>Gra musi być jak najbardziej uniwersalna, uruchamiana w przeglądarce, bez instalacji dodatkowych wtyczek (Flash i JAVA odpada)<br>
</li>
<li>Gra musi być wydajna, gdyż (a jak! ;] ) liczę na sukces, czyli duże obciążenie serwera spowodowane bardzo dużą ilością prowadzonych na raz gier (uruchomionych stołów gry)<br>
</li>
<li>Rozwiązanie problemu dwustronnej komunikacji SERWER&lt;=&gt;KLIENT<br>
</li>
<li>Hosting<br>
</li>
<li>Jako że w grze będzie dostępna wirtualna waluta, konieczny jest wysoki poziom bezpieczeństwa<br>
</li>
<li>Disconnect Protection<br>
</li>
</ul>
<p></p>
<p> </p>
<p>A teraz pytania:</p>
<p> </p>
<ul>
<li>Czy zastosowanie AJAX i ewentualnie HTML 5 + PHP + MySQL będzie dobrym rozwiązaniem?<br>
</li>
<li>W jaki sposób rozwiązać problem dwustronnej komunikacji na żywo? WebSocket, Long Polling, czy zwyczajne odświeżanie co 1 sekundę?<br>
</li>
<li>Wiadomo że docelowo, wraz ze wzrostem popularności trzeba będzie zainwestować w wydajne maszyny. Lecz na początek i pierwszy okres rozruchowy na czym to odpalić?<br>
</li>
<li>W jaki sposób wykrywać rozłączenie gracza, tak aby można było mu doliczyć dodatkowy czas na akcję w grze?<br>
</li>
</ul>
<p></p>
<p> </p>
<p>Będę bardzo wdzięczny za wzięcie udziału w dyskusji, odpowiedź na powyższe pytania, oraz być może inne sugestie, o których nie pomyślałem.</p>
<p> </p>
<p>Jako, że brakuje mi trochę umiejętności, będę poszukiwał osoby do współpracy przy projekcie, tak że również potencjalnych zainteresowanych zapraszam.</p>
<p> </p>
<p>Pozdrawiam! <img src="https://unit1.pl/applications/core/interface/js/spacer.png" alt=":)" data-src="https://unit1.pl/uploads/emoticons/default_smile.png"></p>
]]></description><guid isPermaLink="false">4572</guid><pubDate>Sat, 18 Oct 2014 22:47:09 +0000</pubDate></item><item><title>[js] Dziwne zachowanie String.fromCharCode()</title><link>https://unit1.pl/topic/4410-js-dziwne-zachowanie-stringfromcharcode/</link><description><![CDATA[
<p>Mam oto taki kod:</p>
<pre class="ipsCode">function laduj() {

  var tekst = document.getElementById('pole');
  var funk = function(zda) {
    alert(String.fromCharCode(zda.keyCode));
  };
  tekst.onkeyup = funk;

}</pre>
<div></div>
<p></p>
<p>No i oczywistym jest że jak kliknę sobie w klawisz A to wyświetli A a jak w klawisz ) z Shiftem to wyświetli 0 ale co się dzieje z tą funkcją kiedy wcisnę , lub . lub /</p>
<p> </p>
<p>Nie będę tutaj ukrywał, wyświetli odpowiednio 1/4 potem 3/4 i dalej odwrócony pytajnik.</p>
<p> </p>
<p>Co zatem robię nie tak? Może jakieś kodowanko, ale jakie? Bo strona tak samo zachowuje się z iso jak i utf tak dla jasności.</p>
<p> </p>
<p>P.S. funkcja laduj jest w body onload jakby co.</p>
<p> </p>
<p>Bardzo proszę o odp. o co chodzi, będę bardzo wdzięczny! Pozdr,</p>
]]></description><guid isPermaLink="false">4410</guid><pubDate>Thu, 21 Mar 2013 20:49:21 +0000</pubDate></item><item><title>[php, js] Nowoczesna forma reklamy</title><link>https://unit1.pl/topic/4407-php-js-nowoczesna-forma-reklamy/</link><description><![CDATA[
<p>Witam!</p>
<p> </p>
<p>Tym razem nie mam żadnego problemu, a jedynie chciałbym się dowiedzieć i to bardzo ogólnie jak działa pewna forma reklamy z pkt. widzenia wdrożonych technologii.</p>
<p> </p>
<p>Otóż reklama wygląda tak: wchodzę sobie na stronę www.a.pl i wtedy wybieram sobie jakiś produkt, niech będzie lampa. Później wchodzę na strony www.[^a].pl (czyli aż do z.pl poza a.pl) i sobie przeglądam treści, a to o kwiatkach, a to o zbieraniu monet i co się dzieje? Otóż na każdej z tych stron wyświetla się reklama, która pokazuje mi różne rodzaje lamp w umieszczonych na tych stronach banerach reklamowych różnorodnych sklepów oświetleniowych.</p>
<p> </p>
<p>Więc ja się pytam. Jak to możliwe, że ciastka z jednej strony www. są dostępne na innym hoście? Bo chyba inaczej to nie działa prawda?</p>
<p> </p>
<p>Bardzo byłbym wdzięczny za odpowiedzi jak to z grubsza działa. Bo mówię problemu z tym nie mam ale ciekawi mnie to jako twórcy stron.</p>
<p> </p>
<p>Oczywiście adresy stron są przykładem i jeżeli istnieją to nie o nie chodziło mi w poście.</p>
]]></description><guid isPermaLink="false">4407</guid><pubDate>Sat, 16 Mar 2013 13:32:30 +0000</pubDate></item><item><title>[js] Enter w formularzu, kt&#xF3;ry nie wysy&#x142;a go</title><link>https://unit1.pl/topic/4401-js-enter-w-formularzu-kt%C3%B3ry-nie-wysy%C5%82a-go/</link><description><![CDATA[
<p>Mam oto taki kod zamieszczony poniżej. I co mam zrobić by po wciśnięciu przycisku enter formularz nie wysyłał się tylko jak to jest w kodzie, ustawił pole value inputa na  'Wcisnąłem enter...'? Czyli żeby formularz był wysłany ale dopiero po kliknięciu w przycisk wyślij, albo po wciśnięciu entera ale jak nie jest zaznaczone pole inputa typu text.</p>
<p> </p>
<p>W załączonym przykładzie pokazuję też, że korzystam z zatrzymania propagacji oraz zachowania domyślnego i nie działa to tak jak powinno i jest opisane wyżej.</p>
<p>Kod JS</p>
<pre class="ipsCode">
function zdarzenie() {

var tekst = document.getElementById('tekst');
tekst.onkeyup = function(zda) {
  zda.stopPropagation();
  zda.preventDefault();
  if (zda.keyCode == 13) {
tekst.value = 'Wcisnąłem enter...';
  }
};

}
</pre>
<div></div>
<p></p>
<p>Kod HTML </p>
<pre class="ipsCode">
&lt;body onload="zdarzenie();"&gt;
&lt;form action="./?wyslano=tak" method="get"&gt;
&lt;input type="text" name="tekst" id="tekst" /&gt;
&lt;input type="submit" value="Wyślij" /&gt;
&lt;/form&gt;
&lt;/body&gt;
</pre>
<div></div>
<p></p>
]]></description><guid isPermaLink="false">4401</guid><pubDate>Fri, 01 Mar 2013 17:00:05 +0000</pubDate></item><item><title>[JS]Wz&#xF3;r RegExp opisuj&#x105;cy wz&#xF3;r RegExp</title><link>https://unit1.pl/topic/4328-jswz%C3%B3r-regexp-opisuj%C4%85cy-wz%C3%B3r-regexp/</link><description><![CDATA[
<p>Ja powinien wyglądać wzór opisujący wyrażenie regularne?</p>
<p>Żeby na przykład opisał prawidłowo taki oto kod:</p>
<p></p>
<pre class="ipsCode">
var komentarze = /(^|[^'"])\/\/.*$/gm;
var komentarzew = /(?:^|[^/])\/\*[\s\S]*?\*\//gm;
</pre>
<div></div>
<p></p>
<p>i wyniku zwrócił dwa łańcuchy  /(^|[^'"])\/\/.*$/ oraz   /(?:^|[^/])\/\*[\s\S]*?\*\//</p>
<p> </p>
<p>Nie jest tak, że ja nie próbowałem. Oto moja propozycja, choć błędna, bo gubi się jednak po drugiej lin/ii:</p>
<p></p>
<pre class="ipsCode">
var reg = /\/[^/\r\n]+(?:\/[^\/\r\n]*)*\//g;
</pre>
<div></div>
<p></p>
]]></description><guid isPermaLink="false">4328</guid><pubDate>Wed, 12 Sep 2012 15:56:45 +0000</pubDate></item><item><title>[RegExp] Wyszukiwanie zmiennych tekstowych</title><link>https://unit1.pl/topic/4273-regexp-wyszukiwanie-zmiennych-tekstowych/</link><description><![CDATA[
<p>Witam!</p>
<p> </p>
<p>Chciałbym wyszukiwać zmienne tekstowe w kodzie np. JavaScript, a nie jestem w stanie wymyślić do tego sposobu. Myślałem o pętli przechodzącej przez wszystkie linie i znaki danej linii ale nie jest to metoda idealna o czym dalej. Natomiast zupełnie nie mam pomysłu na jakąś formułę w RegExp, bo tutaj to nie działałoby w ogóle, bo np: /\'\.'/g zupełnie nie jest właściwe, ponieważ przy czymś takim jak: 'jestem Hand\'ym' nie działa.</p>
<p> </p>
<p>A co do sposobu pętli jest okej:</p>
<p></p>
<pre class="ipsCode">
var wynik = '';
var typ;
var i = 0;
var linie = document.getElementById('tekst').value.split("\n");
for (var linia=0;linia&lt;linie.length;linia++) {
linie[linia] = ' '+linie[linia]+' ';//nowa linia
wynik += "\n"+linia+':';
var jeden = linie[linia].indexOf('\'');
var dwa = linie[linia].indexOf('\"');
if (((jeden &lt; dwa) &amp;&amp; (jeden &gt; -1) &amp;&amp; (dwa &gt; -1)) || ((jeden &gt; -1) &amp;&amp; (dwa == -1)))
typ = 'jeden';
else
typ = 'dwa';//alert(jeden+' '+dwa);
for (var znak=0;znak&lt;linie[linia].length;znak++) {
if ((typ == 'jeden') || (typ == '')) {
if ((linie[linia][znak] == '\'') &amp;&amp; ((linie[linia][znak-1] != '\\') || (linie[linia][znak+1] == '\''))) {
i++;
typ = 'jeden';
wynik += znak+',';
if (i == 2) {
typ = '';
i = 0;
}
}
}
if ((typ == 'dwa') || (typ == '')) {
if ((linie[linia][znak] == '\"') &amp;&amp; ((linie[linia][znak-1] != '\\') || (linie[linia][znak+1] == '\"'))) {
i++;
typ = 'dwa';
wynik += znak+',';
if (i == 2) {
typ = '';
i = 0;
}
}
}
}
}
alert(wynik);
</pre>
<div></div>
<p></p>
<p>ale nie zupełnie niestety, bo zapis:</p>
<p>var ok = ''; nie wywoła błędu ale poprawny ze względu na składnię js zapis:</p>
<p>var a = '\\'; //wpisane: \</p>
<p>lub</p>
<p>var b = 'jestem sobie tekst \\'; //wpisane: jestem sobie tekst \</p>
<p>lub</p>
<p>var c = 'jestem sobie tekst \\', a może nie\\'; // wpisane: jestem sobie tekst ', a może nie\</p>
<p>spowoduje zapis jedynie pierwszego apostrofu, a drugi zostanie pominięty, bo znak \' nie zamyka instrukcji, a tu jednak tak. I w tym momencie nie wiem jak sobie poradzić.</p>
<p>Coś mi podpowiada mimo to, że najlepiej do tego nadałoby się jednak wyrażenie regularnie ale nie jestem w stanie go napisać.</p>
<p> </p>
<p>Bardzo dziękuję za czas poświęcony na zapoznanie się z postem,</p>
<p>pozdrawiam,</p>
<p>Marek</p>
]]></description><guid isPermaLink="false">4273</guid><pubDate>Sun, 29 Apr 2012 11:34:04 +0000</pubDate></item><item><title>IE9 i font-face</title><link>https://unit1.pl/topic/4190-ie9-i-font-face/</link><description><![CDATA[
<p>Mam pytanie odnośnie tego cholernego dziecka microsoftu: IE w wersji 9. Czy ktoś spotkał się z problemem, że najnowszy IE nie wyświetla "własnych" krojów czcionki. Pod ie &gt; 7.0 wszystko mi działało cacy a po update do 9.0 jak testowałem stronę to nie wczytuje czcionki właściwej. </p>
<p> </p>
<p>Zrobiłem dla testu najprostrzą stronę:</p>
<p> </p>
<p></p>
<pre class="ipsCode">&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
&lt;html&gt;
 &lt;head&gt;
 &lt;meta http-equiv="content-type" content="text/html; charset=windows-1250"&gt;
 &lt;meta name="generator" content="PSPad editor, www.pspad.com"&gt;
 &lt;title&gt;IE9 Font Test&lt;/title&gt;
 &lt;link rel="stylesheet" type="text/css" href="style.css"/&gt;
 &lt;/head&gt;
 &lt;body&gt;
Test zwykly tekst;
&lt;br/&gt;
&lt;span class="test1"&gt;A to jest juz inny tekst ktory powinien byc ok!&lt;/span&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre>
<div></div>
<p></p>
<p> </p>
<p>i krótki css:</p>
<p> </p>
<p></p>
<pre class="ipsCode">@font-face { 
 font-family: "cool_font2"; 
 src: url('OpenSans-Light.eot'); 
 src: local('OpenSans-light'), url('OpenSans-Light.ttf') format('truetype');
}
.test1 {
 font-size: 24px;
 font-family: "cool_font2";
}</pre>
<div></div>
<p></p>
<p> </p>
<p>Tak jak mówiłem prosta sprawa działa pod każdą przeglądarką Opera, FF, Chrome, IE 7.0, 8.0 a tylko pod 9.0 jest d...</p>
]]></description><guid isPermaLink="false">4190</guid><pubDate>Sun, 08 Jan 2012 16:26:36 +0000</pubDate></item><item><title>[ajax] Zwrot wyniku ze zdarzenia onreadystatechange</title><link>https://unit1.pl/topic/4260-ajax-zwrot-wyniku-ze-zdarzenia-onreadystatechange/</link><description><![CDATA[
<p>Mój problem z ajaxem polega polega na tym, że chciałbym zwrócić tabelę z tekstu, który wyśle serwer.</p>
<p></p>
<pre class="ipsCode">
function ajaxowa() {
...
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState==4 &amp;&amp; xmlhttp.status==200) {
 wyd = xmlhttp.responseText.split("\t");
}
};
}
</pre>
<div></div>
<p></p>
<p>Ta tabela to wyd. Jak ją zwrócić z funkcji ajaxowa() coś na kształt:</p>
<p></p>
<pre class="ipsCode">
tabela = ajaxowa();
...
tabela.indexOf('coś');
</pre>
<div></div>
<p></p>
]]></description><guid isPermaLink="false">4260</guid><pubDate>Tue, 27 Mar 2012 17:46:49 +0000</pubDate></item><item><title>[JS] Dziwne zachowanie p&#x119;tli</title><link>https://unit1.pl/topic/4258-js-dziwne-zachowanie-p%C4%99tli/</link><description><![CDATA[
<p>Oto pętla: </p>
<pre class="ipsCode">  for (i = 0; i &lt; 2; i++) {
elmn[i].onclick = function() {
     alert('treść'+i);
};
 }</pre>
<div></div>
<p></p>
<p> </p>
<p>Po jej wykonaniu klikając elementy o nazwie zmiennej elmn (np. po funkcji getElementsByTagName) uzyskuje się za każdym razem treść2 zamiast treść0, treść1.</p>
<p>Co trzeba zmienić by uzyskać pożądane zachowanie się skryptu?</p>
<p> </p>
<p>Dzięki z poświęcony czas,</p>
<p>pozdr,</p>
]]></description><guid isPermaLink="false">4258</guid><pubDate>Mon, 19 Mar 2012 12:45:10 +0000</pubDate></item><item><title>Przerywanie p&#x119;tli/ skryptu w spos&#xF3;b jak to robi alert()</title><link>https://unit1.pl/topic/4241-przerywanie-p%C4%99tli-skryptu-w-spos%C3%B3b-jak-to-robi-alert/</link><description><![CDATA[
<p>W jaki sposób swoją funkcją uzyskać efekt taki jak to jest kiedy w pętli co ma się wykonać dziesięć razy włożymy funkcję document.write('a') , a za nią alert('dalej') . Wtedy efekt jest następujący:</p>
<p>1. Wpisuje się a </p>
<p>2. Wyświetla się okienko dalej </p>
<p>3. Dopisuje się a </p>
<p>4. Wyświetla się okienko dalej </p>
<p>5. ...i dalej aż do końca pętli.</p>
<p> </p>
<p>I właśnie ten efekt chciałbym uzyskać w swojej funkcji, która wyświetla piękny diw w roli alertu tylko podając go w pętli (tą moją funkcję np. alercik('jakiś tekst'); efekt jest inny, bo najpierw wyświetla się ileś razy te a, a potem dopiero zamykam jedno po drugim okienko wygenerowane przez funckję alercik(tekst)</p>
<p> </p>
<p>Dlatego moje pytanie jest jak zmusić funkcję alercik by tworząc opcję inputa (którego też tworzy) jego właściwość onclick była powiązana z wynikiem funkcji alercik i te true było zwracane dopiero po kliknięciu, a skrypt wykonywany czekał, aż się kliknie w tego inputa.</p>
<p> </p>
<p>Mam nadzieję że teraz problem jest wystarczająco jasno określony i dlatego dziękuję za jakieś rozwiązania i jednocześnie dziękuję za czas poświęcony na przeczytanie tego postu.</p>
<p> </p>
<p>pozdr,</p>
]]></description><guid isPermaLink="false">4241</guid><pubDate>Sun, 26 Feb 2012 16:07:37 +0000</pubDate></item><item><title><![CDATA[[ajax] Problem z TextNode i np. &lt;]]></title><link>https://unit1.pl/topic/4226-ajax-problem-z-textnode-i-np-lt/</link><description><![CDATA[
<p>Chodzi po prostu o to w jaki sposób uzyskać efekt taki jak to ma miejsce w przypadku wysyłania tekstu przez php do przeglądarki. Jak PHP wysyła to np. znaki takie jak   oraz &lt; i in. zamieniają się w przeglądarce w twardą spację i w znak </p>
<p>Co mam zatem zrobić?</p>
<p>Bo:</p>
<p>Funkcja unescape zmienia &lt; w </p>
<p> </p>
<p>alert(unescape('&lt;'));</p>
<p> </p>
<p>zobaczymy nie </p>
<p> </p>
<p>var tekst = document.createTextNode(unescape('&lt; &lt; '));</p>
<p> </p>
<p>wcale nie przynosi </p>
<p> </p>
<p>Nie pomaga sekcja CDATA tworzona zamiast TextNode</p>
<p> </p>
<p> </p>
<p>Bardzo byłbym wdzięczny za pmoc i dzięki wielkie za przeczytanie postu.</p>
<p>pozdr,</p>
]]></description><guid isPermaLink="false">4226</guid><pubDate>Fri, 10 Feb 2012 20:52:32 +0000</pubDate></item><item><title>T&#x142;umaczenie strony www.</title><link>https://unit1.pl/topic/4165-t%C5%82umaczenie-strony-www/</link><description><![CDATA[
<p>Witam, na początek powiem o co chodzi. Otóż gram w grę przeglądarkową i jestem aktywnym członkiem tej społeczności. Moim zadaniem jest ściągnięcie jak największej ilości nowych graczy. W związku z tym, że strona jest po angielsku chciałbym wiedzieć jak ją spolszczyć, wiem że istnieje translate google ale jednak jakość tłumaczenia jest żenująca, poza tym nie da rozwijać kolejnych podstron aby nie wyłączało translacji. Odrazu zaznaczam, nie chce ingerować w kod gry, chce poprostu zrobić jakby "nakładkę" dla użytkowników. Wiem że da się to zrobić w greasemonkey jednak mam znikome pojęcie o językach programowania a także używania samego programu. Jeśli ktoś zechciałby mi pomóc byłbym bardzo szczęśliwy.</p>
<p> </p>
<p>P.S. Strona nie jest moja, ale mam zgodę na jej tłumaczenie. Jeśli byłoby potrzebne coś od admina żeby to przetłumaczyć myślę że bez problemu bym to otrzymał.</p>
<p> </p>
<p>strona gry to e-sim.org</p>
<p>Jeśli napisałem w złym dziale proszę o przeniesienie</p>
<p> </p>
<p> </p>
<p><a href="http://wklej.to/HuUEA" rel="external nofollow">http://wklej.to/HuUEA</a> Tutaj link jak wygląda spolszczenie do bardzo podobnej gry.</p>
<p> </p>
<p><strong>Jeśli jednak istnieje możliwość aby nic nie trzeba było ściągać, instalować ze strony użytkownika tłumaczenia byłoby fajnie :]</strong></p>
<p> </p>
<p>Pozdrawiam</p>
<p>Kamil90</p>
]]></description><guid isPermaLink="false">4165</guid><pubDate>Fri, 02 Dec 2011 11:40:39 +0000</pubDate></item><item><title>[XHTML/CSS] Prosty layout nie rozci&#x105;ga si&#x119;...</title><link>https://unit1.pl/topic/3836-xhtmlcss-prosty-layout-nie-rozci%C4%85ga-si%C4%99/</link><description><![CDATA[
<p>Witam,</p>
<p>wcześniej tworzyłem zawsze layout na tabelkach ale uznałem że czas się nauczyć na divach. Ale do rzeczy:</p>
<p>mój layout:</p>
<p> </p>
<p></p>
<pre class="ipsCode">
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="content-type" content="text/html; charset=utf-8" /&gt;
&lt;style&gt;
html, body {
margin: 0px auto;
padding: 0px;
height: 100%;
}

#wrapper {
background-color: #aaaaaa;
min-width:960px;
height: 100%;
}

#header {
height: 50px;
background-color: #505050;
text-align: center;
color: #ffffff;
}

#sidebar {
float: left;
width: 200px;
height: 100%;
background-color: #808080;
}

#content {
height: 100%;
background-color: #eeeeee;
}

#footer {
clear: both;
height: 20px;
background-color: black;
color: white;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="wrapper"&gt;
&lt;div id="header"&gt;tytul&lt;/div&gt;
&lt;div id="sidebar"&gt;menu&lt;/div&gt;
&lt;div id="content"&gt;jakis tekst&lt;/div&gt;
&lt;div id="footer"&gt;stopka&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<div></div>
<p></p>
<p> </p>
<p>jak widać banalny #wrapper i w nim wszystkie elementy layoutu czyli header, lewe menu content i stopka. Problem jest z rozciąganiem lewego menu (#sidebar) i tresci strony (#content) w dół do 100% wysokości ekranu przeglądarki. Gdy usuniemy z #sidebar i #content właściwość height: 100% to te dwa divy juz się nie rozciągają w dół niestety natomiast z nimi jak widać przy height:100% cały layout z headerem i footerem wychodzi poza wysokość ekranu przeglądarki dokładnie o zsumowane wysokości headera 50px i footera 20px (czyli 70px)... na tabelkach nie ma takich problemów z rozciąganiem w dół czy w bok ekranu bo są spójne jako całość a na divach nijak nie moge tego efektu uzyskać. a wszystko przez to że gdy nie określimy wysokości #wrappera w pixelach tylko w % to height dla contenta i sidebara jest brany na podstawie html, body;/ Patrzylem już wiele przykładów w internecie i nie znalazłem rozwiązania dla siebie. Potrzebuje layoutu z headerem stopka lewym menu i contentem i żeby się rozciągał do końca ekranu przeglądarki w dół. Wie ktoś jak to zrobić?</p>
<p>z góry dzięki</p>
]]></description><guid isPermaLink="false">3836</guid><pubDate>Wed, 08 Dec 2010 14:13:00 +0000</pubDate></item><item><title>Bugi w IE6</title><link>https://unit1.pl/topic/3906-bugi-w-ie6/</link><description><![CDATA[
<p>Witam,</p>
<p> </p>
<p>
Czy jest jakiś poradnik, w którym są opisane wszystkie bugi w IE6 na które trzeba zwrócić uwagę przy tworzeniu strony ?</p>
]]></description><guid isPermaLink="false">3906</guid><pubDate>Thu, 03 Feb 2011 23:39:47 +0000</pubDate></item><item><title>[Ajax] Response text nie zwraca tekstu?</title><link>https://unit1.pl/topic/3752-ajax-response-text-nie-zwraca-tekstu/</link><description><![CDATA[
<p>Otóż siedzę sobie już dość długo na tym i nie mogę dojść do czegoś co by działało dlatego ostatnią deską ratunku jest forum, więc bardzo dziękuję za udzielenie mi pomocy.</p>
<p> </p>
<p>Problem:</p>
<p>procedura responseText zwraca coś takiego (po wpisaniu w tekstarea jedynki i trójki ale trójki w nowej linii:</p>
<p>1\r\n3</p>
<p>W bazie zapisuje się prawidłowo (jak wynika z phpmyadmina)</p>
<p>Więc na czym polega cały problem?</p>
<p>Po użyciu funkcji:</p>
<p> </p>
<p></p>
<pre class="ipsCode">
function n2br(tekst) {tekst = String(tekst); // nawet konwersji używam.
return tekst.replace("rn", "&lt;br&gt;"); // tekst.replace('rn', "&lt;br&gt;"); też nie daje rezultatu...}
</pre>
<div></div>
<p></p>
<p> </p>
<p>Nie daje rezultatu to znaczy, że po pobraniu responsetekstu nie mogę w znacznikach span zapisać jedynki i trójki tak:</p>
<p>1</p>
<p>3</p>
<p>Czemu zatem nawet zwykłe znalezienie w tekście ('\r\n' nie "\r\n") jako zwykłych znaków też nie daje wyniku znalezienia? Jeżeli natomiast wpiszę nie '\r\n' tylko '1' to znajdzie tą jedynkę i zamieni na br.</p>
<p>O co chodzi zatem jaka to wartość że istnieje jako tekst a jednocześnie nie?</p>
<p> </p>
<p>P.S. co wyświetla responsetext wiem po wpisaniu go w pole prompt() w polu do uzupełnienia przez użytkownika.</p>
]]></description><guid isPermaLink="false">3752</guid><pubDate>Thu, 07 Oct 2010 14:35:13 +0000</pubDate></item><item><title>CSS - problem z chrome i opera.</title><link>https://unit1.pl/topic/3498-css-problem-z-chrome-i-opera/</link><description><![CDATA[
<p>Witam,</p>
<p> </p>
<p>
Na początku może podam adres : www.askon.com.pl</p>
<p> </p>
<p>
A teraz na czym polega problem, pod firefox wszystko ok, pod ie za pomocą komentarzy warunkowych i dodania dodatkowych plików css tez już działa.</p>
<p>
Jednak jeśli chodzi o opere pierwsza część menu ucieka w prawo, a w chrome to samo + treść strony ucieka w gore tzn chodzi tylko o tekst bo grafika jest dobrze.</p>
<p>
Sprawdziłem w css validator poprawność kodu i nie ma żadnych błędów.</p>
<p> </p>
<p>
Ma ktoś jakiś pomysł na rozwiązanie tego problemu ?</p>
<p> </p>
<p>
Będę bardzo wdzięczny bo już nie mam do tego siły :|</p>
]]></description><guid isPermaLink="false">3498</guid><pubDate>Wed, 31 Mar 2010 11:17:46 +0000</pubDate></item><item><title>Lista rozwijana</title><link>https://unit1.pl/topic/3670-lista-rozwijana/</link><description><![CDATA[
<p>Siema panowie,</p>
<p> </p>
<p>Mam takie pytanie, co zrobić, żeby zamiast wyświetlania rozwijanej listy napisanej w JS w ten sposob:</p>
<p> </p>
<p><img src="https://unit1.pl/applications/core/interface/js/spacer.png" alt="aaa1.JPG" data-src="http://inus.uphero.com/aaa1.JPG"></p>
<p> </p>
<p>wyswietlic ja tak:</p>
<p> </p>
<p><img src="https://unit1.pl/applications/core/interface/js/spacer.png" alt="aaa2.JPG" data-src="http://inus.uphero.com/aaa2.JPG"></p>
<p> </p>
<p>Troche kodu:</p>
<p> </p>
<p></p>
<pre class="ipsCode">&lt;div id="container"&gt;

   &lt;div style="width: 250px; float: left;"&gt;
         &lt;ul id="contents"&gt;
         &lt;span id="button1Div"&gt;
            &lt;li id="button1"&gt;&lt;a href="someFile.php"&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;ul id="button1List"&gt;
             &lt;li id="button1_something1" style="display:none;"&gt;&lt;a href="http://www.000webhost.com/forum/web-design-html/web-design-html/..."&gt;&lt;/a&gt;&lt;/li&gt;
             &lt;li id="button1_something2" style="display:none;"&gt;&lt;a href="http://www.000webhost.com/forum/web-design-html/web-design-html/..."&gt;&lt;/a&gt;&lt;/li&gt;
           &lt;/ul&gt;  
        &lt;/span&gt;
         &lt;/ul&gt;
   &lt;/div&gt;
   &lt;div style="width: 550px; float: right;"&gt;
           some huge text...
   &lt;/div&gt;
&lt;/div&gt;

#button1List a
{
  height:    28px;
}

#button1List li
{
  height:    28px;
  display:    none;
}

#button1_something1
{
  width:    169px;
  background:    url('something.jpg') 0 0;
}

etc... </pre>
<div></div>
<p></p>
<p> </p>
<p> </p>
<p>Tak więc jak widzicie, lista jest jednym obrazkiem pocietym na kilka linkow w kodzie css, pojawia się przy najechaniu myszką na buttona. Co zrobic, zeby wlasnie pojawiala sie na prawo od buttona, a nie na dole, jak na screenie wyzej?</p>
]]></description><guid isPermaLink="false">3670</guid><pubDate>Tue, 20 Jul 2010 18:07:54 +0000</pubDate></item><item><title>Ajax- Okna</title><link>https://unit1.pl/topic/3637-ajax-okna/</link><description><![CDATA[
<p>Jak zrobić pole (&lt;div&gt;) które będzie się zachowywać (będzie miało właściwości) jak typowe okna systemowe tzn.</p>
<p>
-można wyłączać</p>
<p>
-używane jest aktywne, gdy pozostałe są w tle</p>
<p>
-można zmieniać wielkość</p>
<p>
-można nimi poruszać przez przytrzymanie</p>
<p> </p>
<p>
Właściwie nie potrzebuje wszystkich opcji, głównie chodzi o przenoszenie. Podobne okno jest na web.gadu-gadu.pl</p>
<p>
Jestem w miarę początkujący, najlepiej jakby to było zrobione w Ajax'ie bądź Javie, (bez Freamworkow)</p>
<p> </p>
<p>
Dzięki za odpowiedzi</p>
]]></description><guid isPermaLink="false">3637</guid><pubDate>Wed, 30 Jun 2010 11:37:21 +0000</pubDate></item><item><title>[Ajax] borderColor</title><link>https://unit1.pl/topic/3504-ajax-bordercolor/</link><description><![CDATA[
<p>Siemka,</p>
<p>W pliku php mam taki kod:</p>
<p> </p>
<blockquote data-ipsquote="" class="ipsQuote" data-ipsquote-contentapp="forums" data-ipsquote-contenttype="forums" data-ipsquote-contentid="3504" data-ipsquote-contentclass="forums_Topic"><div>if($row['Login'] == $_POST['login'])<p> </p>
<p>   {</p>
<p>            echo "green";</p>
<p>       } else echo "red";</p>
</div></blockquote>
<p> </p>
<p>Ogólnie to wszystko działa, zmienne są poprawne itd. Mam tylko takie małe pytanko, co zrobić, żeby w powyższym kodzie JS responseText był w cudzysłowiach? Bo tak jak jest teraz, obramowanie zmienia się zawsze na czarno.</p>
]]></description><guid isPermaLink="false">3504</guid><pubDate>Sat, 03 Apr 2010 12:40:57 +0000</pubDate></item></channel></rss>
