Egy 3D Carousel Gallery

A "Videó torzítás CSS3 HTML5 (AdTechik)" 2016.04.08-as kérdéshez...


Alaphelyzet

A teljes animáció 2:24 m:s ideig tart, ha nem viszed a kurzort a középső kép fölé...






Két fájl közötti különbség (soronként) "richi4100"

Soronkénti összehasonlító megjelenítés class nélkül...

Sorok száma -> old.txt: 11, new.txt: 13

Sorszámold.txtnew.txt
1. (Egyforma) banán banán
2. (Egyforma) alma alma
3. (Eltérő) málna körte
4. (Eltérő) kókusz szílva
5. (Egyforma) cseresznye cseresznye
6. (Eltérő) füge meggy
7. (Eltérő) datolya szamóca
8. (Eltérő) barack egres
9. (Egyforma) eper eper
10. (Egyforma) szőlő szőlő
11. (Eltérő) ribizli ananász
12. (Hiányos!)Sor-hiány!sárgabarack
13. (Hiányos!)Sor-hiány!görögdinnye


PHP-s forráskódot mutat / elrejt

<?php
$files_array = array('old.txt', 'new.txt');
$lines_array = array();
for( $i=0; $i<count($files_array); $i++ )
{
  $akt_content = file_get_contents($files_array[$i]);
  $lines_array[] = explode("\n", $akt_content);
}
$elso = count($lines_array[0])-1;
$masodik = count($lines_array[1])-1;
if( $elso <= $masodik )
{
  $rovidebb = 0;
  $hosszabb = 1;
}
else
{
  $rovidebb = 1;
  $hosszabb = 0;
}
echo '<h4>Sorok száma -> old.txt: '.$elso.', new.txt: '.$masodik.'</h4>'."\n";
echo "<table class=\"sablon\">\n";
echo '  <tr><th>Sorszám</th><th>old.txt</th><th>new.txt</th></tr>'."\n";
for( $j=0; $j<(count($lines_array[$hosszabb])-1); $j++ )
{
  echo '  <tr>';
  if( $j < (count($lines_array[$rovidebb])-1) )
  {
    if( $lines_array[$hosszabb][$j] == $lines_array[$rovidebb][$j] )
    {
      echo '<td class="diff">'.($j+1).'. (Egyforma) </td> '.
           '<td class="diffUnmodified">'.$lines_array[$hosszabb][$j].'</td>'.
           '<td class="diffUnmodified">'.$lines_array[$rovidebb][$j].'</td>';
    }
    else
    {
      echo '<td class="diff">'.($j+1).'. (Eltérő) </td> '.
           '<td class="diffDeleted">'.$lines_array[$hosszabb][$j].'</td>'.
           '<td class="diffInserted">'.$lines_array[$rovidebb][$j].'</td>';      
    }
  }
  else
  {
      echo '<td class="diff">'.($j+1).'. (Hiányos!)</td>';
      if($elso < $masodik)
      {
        echo '<td class="diffHiany">Sor-hiány!</td>'.
             '<td class="diffInserted">'.$lines_array[$hosszabb][$j].'</td>';
      }
      else
      {
        echo '<td class="diffHiany">'.$lines_array[$hosszabb][$j].'</td>'.
             '<td class="diffDeleted">Sor-hiány!</td>';
      }     
  }
  echo "  </tr>\n";    
}
echo "</table>\n";
?>

Társasjáték html-el , hogy mozgassak a táblán bábukat? (ProgNeo)

A teszt önálló oldalként ITT található...

A teszt spirál-táblás változata ITT található...



Javascript | korlátlan számú sticky elem egy oldalsávban (quovadisquovadis)

A teszt önálló oldalként ITT található...



Üzenetek egymásra folynak (Suvel)

A teszt önálló oldalként ITT található...



Saját JS replace függvény, RegExp hiba (Kezdő vagyok)

Eredti szöveg:
Egy kicsi fehér arcon a mosoly nagyon szép, mert fiatal és okos leszel tőle. És a Te arcodon is lesz kicsi mosoly...
Módosított szöveg:


Hibás a slide effect jquery-ben? (Dave_C)

Vertikális megoldás előre-hátra léptetéssel...


Első DIV
o
o
o
vége
Második DIV
o
vége
Harmadik DIV
o
o
o
o
o
vége
Negyedik DIV
o
o
o
vége


Egy horizontális megoldás előre-hátra, körbe-léptetéssel...




Jqueryvel új HTML sor készítése (Zizge)

(Nem inkább lista átrendezés?)

Eredeti lista...



Egy másik példány átrendezve...



Js-ből JQuery függvény hívása keyup eseményre (Hori1976)

RailCar Number:
Írd ide a keresett kocsiszámot: Ha rendben, akkor itt lesz a fókusz:


Változó új értéke csak második hozzáférésnél változik meg (this.isti)

A teszt önálló oldalként ITT található...



Javascript hangjelzés (dolcevita)

A teszt önálló oldalként ITT található...



CSS absolute position scrollozhatóvá tétele (netdown)

A teszt önálló oldalként ITT található...



Automatikus ablaknyitás visszaszámlálás végén. (HUman)

A teszt önálló oldalként ITT található



4db Tab Törlése (kriszrap)

Erre nem hat a "TÖRLÉS"-kód...



Erre pedig hat a "TÖRLÉS"-kód...




Static html oldal többnyelvűsítése (Azim04)

A teszt önálló oldalként ITT található



Polygon rajzolása csúcs-kattintással (SzabZol)

A teszt önálló oldalként ITT található