Systém komentářů pomocí jQuery a Ajax.

 2012-10-27 00:00:00
 Dmitry Burobin

Dnes vytvoříme systém komentářů s automatickou kontrolou vstupních dat pomocí technologie Ajax a přidáváním nového komentáře s použitím jQuery bez znovunačtení stránky.

Série článků:
1) Systém komentářů pomocí jQuery a Ajax.
2) Lajkování neboli karma u komentářů.
3) Strankování.

Vytvoření tabulky a připojení k databázi.

Vytvoříme si tabulku comments, do které budeme ukládat: identifikátor komentáře ( id ), identifikátor rodičovského komentáře ( parent_id ), jméno ( name ), text komentáře ( text ) a datum přidání komentáře ( date ).

CREATE TABLE `comments` (
`id` INT ( 5 ) NOT NULL AUTO_INCREMENT,
`parent_id` INT ( 5 ) NOT NULL,
`name` VARCHAR ( 255 ) NOT NULL,
`komentar` TEXT,
`date` DATETIME,
PRIMARY KEY(`id`)
)ENGINE = MYISAM CHARACTER SET utf8 COLLATE utf8_general_ci

Taktéž si vytvořte soubor db.php, pro připojení k databázi.
<?php
$DBSERVER 'localhost'//server, který bude použít pro navázáníspojení s DB 
$DBUSER 'root'//Váš mysql login, nejspíš je stejný jako u mě pro localhost, tudiž root 
$DBPASS '****'//heslo, které jste zadaval při instalaci MySQL 

$DB 'test'//databáze, s kterou budeme pracovat 

//navazení spojení pomoci mysql_connect  
$link mysql_connect($DBSERVER$DBUSER$DBPASS)  or die("Could not connect: " mysql_error()); 
//vybírame databázi 
mysql_select_db($DB$link) or die ('Can\'t use test : ' mysql_error()); 
//řekněme MySQL, že všechná data jsou ve formatu UTF-8 
mysql_query("SET NAMES UTF8");
?>

index.php

Hlavní stránka bude obsahovat formulář pro přidávání komentářů s polem pro jméno, zprávu a skryté pole, do kterého budeme ukálát identifikátor rodičovského komentáře, pokud někdo bude odpovídat na nějaký komenář. Soubor index.php vypadá takto:

<?php
/*Soubor pro vybírání komentářů z databáze*/
require_once 'comment.php';
?>
<!DOCTYPE html>
<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">

<
head>
    <
title>Systém komentářů.</title>
    <
meta charset="utf-8" >
    
    <
link rel="stylesheet" href="style.css"> <!-- soubor se styly -->
    <
script src="jquery-1.7.1.min.js"></script> <!-- připojení jquery -->
    <script src="comment.js"></script> <!-- funkce potřebné pro přidávání komentářů -->
    
</head>
<body>
<ul id="commentWrapper">
<?php
/*Zde v proměnné $comments jsou komentáře*/
echo $comments;
?>
<!-- formulář pro přidávání komentářů -->
</
ul>    
    <
div id="commentBox">
        <
input class="validate" type="text" name="name" >
        <
input id="parent" type="hidden" name="parent_id" value="">
        <
div class="commentText">
            <
textarea name="text"></textarea>
        </
div>
        <
button>Přidat</button><img class="loader" src="loader.gif">
    </
div>
</
body>
</
html>

Styly a knihovna jQuery

Pro správné fungování potřebujeme připojit knihovnu jQuery. Tu buď stáhnete z oficiálního webu nebo z archivu s tímto článkem. Pak, aby komentáře líp vypadali přidáme styly, nic složitého v nich není, proto je nebudu popisovat:

body
{
    
margin:0;
    
padding:0;
}
ulli
{
    list-
style-type:none;
}
.
loader
{
    
display:none;
}
#commentBox
{
    
width:400px;
    
padding:10px;
}
#commentBox input
{
    
width:250px;
    
height:25px;
    
padding0 5px;
    
margin:5px;
    
bordersolid 1px #ccc;
    
background:#f1f1f1 url(bg_input.png) no-repeat;
    
font400 12pt/14pt Ume Gothic O5;
}
#commentBox textarea
{
    
width:250px;
    
height:100px;
    
margin5px;
    
padding5px;
    
bordersolid 1px #ccc;
    
background:#f1f1f1 url(bg_koment.png) no-repeat;
    
font400 12pt/14pt Ume Gothic O5;
}
#commentBox button
{
    
height:30px;
    
width:85px;
    
margin-left183px;
    
margin-top:0px;
    
font:700 12pt/14pt Ume Gothic O5;
}
#commentWrap
{
    
width:350px;
    
padding:10px;
    
padding-bottom:3px;
    
margin:10px;
    
border1px solid #ccc;
    
border-radius:10px;
    
background:#f7f7f7;
}
#commentWrap .komentar
{
    
padding:5px;
    
padding-left:0px;
    
border-top:1px solid #ccc;
    
margin-bottom:10px;
    
font:400 12pt/14pt Times New Roman;
}
#commentWrap .replay
{
    
margin-left:270px;
    
font:700 10pt/12pt Ume Gothic O5;
}
#commentWrap a
{
    
text-decoration:none;
}
#commentWrap .commentName
{
    
font:700 10pt/12pt Ume Gothic O5;
}
#commentWrap .commentDate
{
    
font:400 11pt/13pt Times New Roman;
}
.
repName
{
    
font:400 12pt/14pt Times New Roman;
    
font-style:italic;
}
.
repText
{
    
font:700 10pt/12pt Ume Gothic O5;
}
.
repDate
{
    
font:400 9pt/11pt Times New Roman;
    
font-style:italic;
}

comment.php

Tento soubor je určen pro vybírání dat z databáze a vkládání těchto dat do šablony.

<?php
// Vložíme soubor s připojením k databázi. ( musí se nacházet ve stejné složce ) 
require_once 'db.php';

// Vybereme komentáře z databáze
$query mysql_query("
         SELECT `id`,`parent_id`,`name`,`komentar`, 
         DATE_FORMAT(date, '%d %M %Y %H:%i') as date_add
         FROM `comments` ORDER BY `id` ASC 
         "
);
         
// Pokud při vykonání příkazu nastané chyba vypišeme ji
if(!$query) { echo mysql_error() . " - " mysql_errno(); }
else {

// Jinak pomocí cyklusu projdeme všechny záznamy v tabulce
        
while($result mysql_fetch_assoc($query))
        {
            
// a uložíme je do pole $data  
            
$data[$result['id']] = $result;
        }

// Funkce pro vkládání dat ( komentářů ) do šablony
function commentsToTemplate($comment)
{
// $comment - pole komentáře - id, parent_id, name, text, date 
    
// Zapneme bufferování výstupu, aby šablona nebyla zobrazená v místě volání funkce
    
ob_start();  
      
// Připojíme šablonu comment_template.php, do které vložíme data z pole $comment
    
require_once 'comment_template.php';                     
  
// Získáváme obsah bufferu jako řetězec   
    
$comments_string =  ob_get_contents(); 

// Vymažeme všechno z bufferu
    
ob_end_clean();

// Vrácíme komentář jako řetězec   
    
return $comments_string;    
}

// Funkce pro zpracování pole $data, které
// bude rozděleno do jednotlivých komentářů a odesláno funkci 
// commentsToTemplate
function commentsString($data)
{
    foreach(
$data as $w
    {
        
$string .= commentsToTemplate($w);
    }
 
return 
$string
}  

// proměnná $comments obsahuje naše komentáře, které zobrazujeme na hlavní stránce
$comments commentsString($data);

// vynulujeme proměnnou $data 
$data null;
}
?>

comment_template.php

Toto je vlastně šablona jednotlivého komentáře.

<?php
// Do této šablony se načítají data z pole $data, která jsou odesláná funkci commentsToTemplate
echo '<li id="comment'.$comment['id'].'">
    <div id="commentWrap">'
;
        
// Pokud existuje parent_id, pak zobrazíme, že se jedna o odpověď
        
if($comment['parent_id']!=0)
        {
// Vybereme z DB jméno a datum rodičovského komentáře
            
$q mysql_query("SELECT `name`, DATE_FORMAT(date, '%d %M %Y %H:%i') as date_add FROM `comments_my` WHERE `id`='".$comment['parent_id']."'");
            
$r mysql_fetch_assoc($q);
            echo 
'<span class="repText">Odpověď na komentář</span> <span class="repName">
            '
.$r['name'].'
            </span> <span class="repText">from</span> <span class="repDate">
            '
.$r['date_add'].'
            </span><br>'
;
        }
        
// Zobrazíme jméno a datum přidání
echo    '<span class="commentName">'.$comment['name'].'</span> - <span class="commentDate">'.$comment['date_add'].'</span>
        <div class="komentar">
<!--Zobrazíme text komentáře-->
            '
.$comment['komentar'].'
        </div>
<!--Pokud zmačkneme na tento odkaz, pak se do skrýteho pole s názvem parent_id přidá
identifikátor tohoto komentáře. 
Použil jsem zde JS událost onClick, tzn. pokud je tlačítko zmačknuté, pak najdi prvek s 
id parent ( což je skrýte pole parent_id ) a do hodnoty přidej id komentáře, na který chcete odpovědět-->
        <a class="replay" href="javascript:;"
        onClick="document.getElementById(\'parent\').value='
.$comment['id'].';">Odpovědět</a>
    </div>
</li>'
;
?>

comment.js

Tento soubor je určen pro odesílaní dat na server a přidávání do databáze

$(document).ready(function(){
    
// Objekt commentBox bude obsahovat data pro odesílání na server
    
var commentBox = {};
    
// Po kliknutí na tlačítko přidat      
     
$('#commentBox button').live('click',function(){
         
// Do objektu commentBox bude přidána hodnota skrýteho pole input s názvem parent_id,
// které obsahuje id rodičovského komentáře a pokud je prázdné tak bude 0, což znamená, že
// se jedná o nový komentář bez reakci na něj ( toto se bude ověřovat až odešleme data na server ).   
        
commentBox.parent_id = $('#commentBox').find("input[name='parent_id']").val();
        
// Taktéž přidáme do objektu commentBox hodnotu pole name a zprávu
        
commentBox.name = $('#commentBox').find("input[name='name']").val();        
        
commentBox.text = $('#commentBox').find("textarea").val();
// Abyste to lépe pochopili syntaxe toho, jak přidáváme hodnoty do objektu je:
// Objekt.název_proměnné = hledáme input nebo textarea.hodnota pole

// Funkce pro odesílání dat na server        
        
sendData();
     });
    

function 
sendData()
{
// Najdeme tlačítko schováme jej a zobrazíme loader ( ten si můžete stáhnout z archivu )
    
$('#commentBox').find('button').hide().next().show();

// Odešleme    data metodou post na server
    
$.post(
// Soubor, ve kterém se provádí ověřování dat a přidávání komentářů     
        
"addkoment.php",
// Objekt s proměnnými (parent_id, name a text)
        
commentBox,
        function(
data){
// Pokud jsou nějaka data, to znamená, že nastala chyba
            
if(data)
            {
// Převedeme tento řetězec JSON do objektu JS
                
data = $.parseJSON(data);
                
// Vytvoříme proměnnou errors, která bude obsahovat název chyby
                
var errors '';

// Použijeme cyklus pro zobrazení všech chyb najednou.
// Použil jsem tuto konstrukci, protože nejprvé jsem zobrazoval všechny chyby, ale
// nakonec jsem to změnil a teď se bude zobrazovat jenom jedna konkretní chyba     
// Kdybyste chtěli zobrazit všechny chyby tak použijte konstrukci
// errors += val+'\n'; - každá chyba se zobrazí na samostatném řádku.
// i - obsahuje název chybného pole a val - popis chyby
            
                
$.each(data, function(ival)
                {
                    
errors += i;
                });

// Uložil jsem do proměnné errors jenom název chybného pole a
// cyklusem switch procházim všechny varianty a přidávam červený rámeček 
// pokud pole je prázdné nebo jestli komentář nebyl přidan tak zobrazim hlášení                    
                   
switch (errors
                   {
                      case 
'name':
                        $(
'#commentBox').find("input[name='name']").css('border','2px solid red');
                        break
                      case 
'text':
                        $(
'#commentBox').find("textarea").css('border','2px solid red');
                        break
                      case 
'not_add':
                        
alert('Komentář nebyl přidan.')
                        break
                      default:
                        
alert('Něco je špatně')
                  }

// Najdeme loader ( ten si můžete stáhnout z archivu ) schováme jej a zobrazíme tlačítko přidat     
                
$('#commentBox').find('button').show().next().hide();

// Jinak, pokud žadná chyba nenastala, tak voláme funkci addComment, která zobrazí
// komentář bez znovunačtení stránky a vynuluje hodnoty vstupních poli
            
} else {
                
addComment();        
            }
        }
    
    )

}


function 
addComment()
{
// Na konec prvků s id commentWrapper ( což je ul ) přidame tag <li></li>,
// ve kterém se bude nacházet nový komentář
    
$("#commentWrapper").append('<li></li>');

// Najdeme poslední tag <li>, který jsme teď vytvořili a
// načteme do něj poslední komentář
    
$("#commentWrapper li:last").load('new_comment.php');
// Najdeme loader ( ten si můžete stáhnout z archivu ) schováme jej a zobrazíme tlačítko přidat     
    
$('#commentBox').find('button').show().next().hide();

// Vynulujeme hodnoty vstupních poli
    
$('#commentBox input').val('');
    $(
'#commentBox textarea').val('');

}


});

addkoment.php

Tento skript zpracovává data poslána na server pro zpracování.

<?php
// Ověříme, zda se jedna o odeslána POST data nebo si člověk jen tak otevřel tuto stránku
if($_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest') {

// Pokud ano, pomocí funkci sleep přidame efekt zpoždění, abyste 
// viděl loader, jinak, protože pracujeme na lokálním serveru
// se ten loader hned schová  
     
sleep(2);

// Ověříme vstupní data     
// Pokud je pole name nebo textové pole prázdné do pole $error uložíme text chyby
// ukončíme skript a odešleme tuto chybu v JSON formátu  
     
if(!isset($_POST['name']) OR empty($_POST['name']))
     {
        
$error['name'] = "Zadejte jméno.";
        exit(
json_encode($error));
     } else {
        
$name htmlspecialchars(stripslashes(trim($_POST['name'])));
     }
     
     if(!isset(
$_POST['text']) OR empty($_POST['text']))
     {
        
$error['text'] = "Zadejte zprávu.";
        exit(
json_encode($error));
     } else {
        
$text stripslashes(htmlspecialchars(trim($_POST['text'])));
     }
     
// V tomto případě, když parent_id je prázdné pole tak mu přiřadime hodnotu 0
// to znamená, že se jedná o nový komentář, který není odpovědí na něčí jiný  
     
if(!isset($_POST['parent_id']) OR empty($_POST['parent_id']))
     {
        
$parent_id 0;
     } else {
        
$parent_id stripslashes(htmlspecialchars(trim($_POST['parent_id'])));
     }
     
// Vložíme soubor s připojením k databázi. ( musí se nacházet ve stejné složce )  
     
require_once 'db.php';
     
// Přidame komentář do databáze a vrátíme false, tzn.
// že chyba nenastala a komentář byl přidán.
     
$q mysql_query("
     INSERT INTO `comments`(`parent_id`,`name`,`komentar`,`date`)
     VALUES('"
.$parent_id."','".$name."','".$text."', NOW())
     "
);
     if(!
$q) { $error['not_add'] = "Komentář nebyl přidan."; exit(json_encode($error));}
     else { exit(
false); }

}
?>

new_comment.php

V tomto souboru vybírame poslední komentář, abysme ho následně zobrazili po úspěšnem ověření vstupních dat.

<?php
// Vložíme soubor s připojením k databázi. ( musí se nacházet ve stejné složce ) 
require_once 'db.php';
// Vybereme maximální ( poslední přidáný ) id
$max mysql_query("SELECT MAX(`id`) FROM `comments_my`");
// Pak vybereme všechny související údaje s tímto identifikátorem
$query mysql_query("
         SELECT `parent_id`,`name`,`komentar`, 
         DATE_FORMAT(date, '%d %M %Y %H:%i') as date_add
         FROM `comments_my` WHERE `id` = '"
.mysql_result($max,0)."'
         "
);
$comment mysql_fetch_assoc($query);

// A stejně, jak jsme zobrazovali komentáře před tím, zobrazíme poslední přidáný
echo '<li id="comment'.mysql_result($max,0).'">
    <div id="commentWrap">'
;
        
        if(
$comment['parent_id']!=0)
        {
            
$q mysql_query("SELECT `name`, DATE_FORMAT(date, '%d %M %Y %H:%i') as date_add FROM `comments_my` WHERE `id`='".$comment['parent_id']."'");
            
$r mysql_fetch_assoc($q);
            echo 
'<span class="repText">Odpověď na komentář</span> <span class="repName">
            '
.$r['name'].'
            </span> <span class="repText">from</span> <span class="repDate">
            '
.$r['date_add'].'
            </span><br>'
;
        }
        
echo    
'<span class="commentName">'.$comment['name'].'</span> - <span class="commentDate">'.$comment['date_add'].'</span>
        <div class="komentar">
            '
.$comment['komentar'].'
        </div>
        <a class="replay" href="javascript:;"
        onClick="document.getElementById(\'parent\').value='
.mysql_result($max,0).';">Odpovědět</a>
    </div>
</li>'
;
?>

Závěr

Probrali jsme, jak můžeme zpracovávát formuláře bez znovunačtení stránky. Doufám, že se Vám tento článek líbil a byl pro Vás přínosný.

Systém Orphus
Napište komentář.
Celkem komenrářů(10302)
KqqlmmImaft - 2017-07-08  19:06:29
 payday loans online direct lenders no teletrack
payday express
payday loans arkansas
&lt;a href=&quot;http://payday1000loans3000online.com/#loans&quot;&gt; loans with bad credit &lt;/a&gt;
24 hour payday loans
[url=http://payday1000loans3000online.com/#online] bad credit loans [/url]
payday loans kansas city ks
KncqxlImaft - 2017-07-08  18:52:21
 www payday loans com
cash loans
online payday loans with no credit check
&lt;a href=&quot;http://payday1000loans3000online.com/#personal&quot;&gt; payday advance &lt;/a&gt;
legitimate payday loans online no credit check
[url=http://payday1000loans3000online.com/#bestcash] loans for people with bad credit [/url]
legitimate payday loans online no credit check
KqxualImaft - 2017-07-08  18:37:57
 payday loans riverside ca
loans online
payday loans open on sunday near me
&lt;a href=&quot;http://payday1000loans3000online.com/#loans&quot;&gt; payday express &lt;/a&gt;
ez pawn payday loans
[url=http://payday1000loans3000online.com/#personal] personal loan [/url]
payday loans in va
KawckxImaft - 2017-07-08  18:23:17
 payday loans toledo ohio
cash loans
green circle payday loans
&lt;a href=&quot;http://payday1000loans3000online.com/#loan&quot;&gt; loans direct &lt;/a&gt;
payday loans direct lenders only
[url=http://payday1000loans3000online.com/#loan] quick loans [/url]
account now payday loans
115joyrOM - 2017-07-08  18:22:46
 Этот вопрос поднимают многие, но все же я нашел где можно зарегаться в самом лучшем Джойказино!
Этот казино выдает такую большую отдачу, что порой я думаю, что это миллианер какой просто раздает деньги.
Раз Вы здесь, значит Вы ищите рабочую ссылку - http://igrovye-sloty-avtomaty.ru
KgnuvxImaft - 2017-07-08  18:08:50
 payday loans online bad credit
loans for bad credit
payday loans racine wi
&lt;a href=&quot;http://payday1000loans3000online.com/#personal&quot;&gt; payday advance &lt;/a&gt;
legitimate payday loans online no credit check
[url=http://payday1000loans3000online.com/#loan] bad credit loans [/url]
delaware payday loans
KcjslbImaft - 2017-07-08  17:54:22
 bad credit payday loans direct lenders only
payday loans
payday loans chicago
&lt;a href=&quot;http://payday1000loans3000online.com/#bestcash&quot;&gt; personal loan &lt;/a&gt;
direct lender online payday loans
[url=http://payday1000loans3000online.com/#bestcash] cash advance [/url]
payday loans austin
KmzdifImaft - 2017-07-08  17:39:59
 personal loans for poor credit not payday loans
loans for bad credit
payday loans boise
&lt;a href=&quot;http://payday1000loans3000online.com/#online&quot;&gt; payday express &lt;/a&gt;
payday loans toledo ohio
[url=http://payday1000loans3000online.com/#loan] payday loans [/url]
too many payday loans
KndubhImaft - 2017-07-08  17:25:32
 texas payday loans
online loans
payday loans el cajon
&lt;a href=&quot;http://payday1000loans3000online.com/#loans&quot;&gt; bad credit personal loans &lt;/a&gt;
apply for payday loans
[url=http://payday1000loans3000online.com/#loan] personal loans [/url]
guaranteed payday loans no matter what
KoklxyImaft - 2017-07-08  17:11:36
 payday loans montgomery al
payday loans online
delaware payday loans
&lt;a href=&quot;http://payday1000loans3000online.com/#online&quot;&gt; loans online &lt;/a&gt;
can you have two payday loans at once
[url=http://payday1000loans3000online.com/#loan] loans for bad credit [/url]
loans payday
Viagrav8365viamg - 2017-07-08  16:49:19
 Pennsylvania 17566 On July 20 and 26 Quarryville Specifically our investigation revealed that on or about May 8 you sold a bob veal calf identified with tag (b)(4) Specifically

Title 21 Code of Federal Regulations 360b(a)(4) and (5) Viagra Sales and 21 C.F.R. Part 530 530.11(a) and resulted in an illegal residue 360b(a) cc: Robert L. Sensenig Pennsylvania 17566

Dr. Isabel Arrington Suite 260 Omaha Nebraska 68102 Dr. David R. Griswold Pennsylvania 17120 Pennsylvania 17110 For Immediate Release: March 9 2012 Media Inquiries: Rita Chappelle 301-796-4672 Conditions may be caused by anatomic

traumatic said Karen Midthun In each of the two studies The most common adverse reactions were sinusitis nasopharyngitis
respiratory tract infection aphthous stomatitis and local surgery site reactions based in Canton Leonard M. Giglio Owner Rockland Farm 50 South Road Bolton
Connecticut 06043 Bolton Connecticut Food and Drug Administration (FDA) on January 9
and 31 Drug gentamicin sulfate On or about October 23 with farm tag # 14 and back tag # 16CR3706 United States Department of Agriculture For example to which you administer medication
In addition For example 530.11(a). Furthermore developed in collaboration with FDA to facilitate early identification of these risks hepatitis

dermatitis (including toxic epidermal necrolysis) neuropathy From September 1 2005 through June 4
Califo
ia 94588 When the 1500 hour limit has been reached On January 11 and 15 Apple Creek Specifically you sold a bull calf On or about August 20 (b)(4) For example Specifically
USP to a bull calf without following the dose frequency of treatment USP resulted in an illegal drug residue In ALTITUDE the risks of kidney (renal) impairment low blood pressure (hypotension)
hypotension on top of conventional treatment reduces death and disease caused by the heart Greater risks of renal impairment At this time however Mr. Glen Y. Kuba President Leong Kuba Sea Products Inc. 6230 Marindustry Dr San Diego CA 92121-2538
We inspected your seafood processing facility located at 6230 Marindustry Dr San Diego CA 92121-2538 on November 29 to December 02 Title 21 Code of Federal Regulations Title 21

canadian viagra viagra online pharmacy humana pharmacy 100 mg viagra cost causes of erectile dysfunction in men
KinfqjImaft - 2017-07-08  16:42:58
 checkmate payday loans
cash advance
check ngo payday loans
&lt;a href=&quot;http://payday1000loans3000online.com/#loan&quot;&gt; loans direct &lt;/a&gt;
payday loans direct lenders only
[url=http://payday1000loans3000online.com/#bestcash] personal loan [/url]
payday loans bad credit ok
KnnmweImaft - 2017-07-08  16:27:17
 payday loans in san antonio
payday loans online
payday loans cedar rapids
&lt;a href=&quot;http://payday1000loans3000online.com/#bestcash&quot;&gt; personal loan &lt;/a&gt;
payday loans interest rates
[url=http://payday1000loans3000online.com/#online] online loans [/url]
payday loans kansas city ks
KkswbuImaft - 2017-07-08  16:11:01
 payday loans with debit card only
loans for bad credit
payday loans without direct deposit
&lt;a href=&quot;http://payday1000loans3000online.com/#bestcash&quot;&gt; loans direct &lt;/a&gt;
payday loans direct lender only
[url=http://payday1000loans3000online.com/#loans] bad credit personal loans [/url]
payday loans no checking account or savings account
BrianVal - 2017-07-08  16:05:08
 [b]Гадкий я 3 художественный мультфильм #197[/b]

[url=http://bit.ly/2sHfwbu][IMG]http://i96.fastpic.ru/big/2017/0705/26/5d71b852915f4f5c7c5953c5e5d50926.jpg[/IMG][/url]

[url=http://bit.ly/2sHfwbu][b]Смотреть мультфильм Гадкий я 3[/b][/url]
[url=http://bit.ly/2sHfwbu][b][color=red]Смотреть мультфильм Гадкий я 3[/color][/b][/url]
[url=http://bit.ly/2sHfwbu][b][color=green]Смотреть мультфильм Гадкий я 3[/color][/b][/url]





















Кеи:
Гадкий я 3 мультфильм 2017 премьера
Гадкий я 3 мультфильм 2017 смотреть
Гадкий я 3 мультфильм 2017 смотреть онлайн hd
Гадкий я 3 2017 онлайн
смотреть мультфильм Гадкий я 3 в hd качестве
Гадкий я 3 кино


Также рекомендуем к просмотру:













































































































































.
KgcobeImaft - 2017-07-08  15:55:21
 payday loans hilo
cash loans
1 hour payday loans no credit check
&lt;a href=&quot;http://payday1000loans3000online.com/#loan&quot;&gt; payday loans &lt;/a&gt;
payday loans in maryland
[url=http://payday1000loans3000online.com/#loan] bad credit loans [/url]
payday loans in st louis mo
KidqtnImaft - 2017-07-08  15:39:21
 payday loans nj
personal loans
tribal lending payday loans
&lt;a href=&quot;http://payday1000loans3000online.com/#online&quot;&gt; payday loan &lt;/a&gt;
payday loans michigan
[url=http://payday1000loans3000online.com/#loan] short term loans [/url]
payday loans milwaukee wi
KhifduImaft - 2017-07-08  15:23:14
 payday loans lubbock tx
payday advance
prepaid debit card payday loans
&lt;a href=&quot;http://payday1000loans3000online.com/#loan&quot;&gt; payday loans online &lt;/a&gt;
check ngo payday loans
[url=http://payday1000loans3000online.com/#loans] personal loan [/url]
payday loans green bay wi
KgsiseImaft - 2017-07-08  15:06:38
 top payday loans without a bank account
pay day loans
advance payday loans
&lt;a href=&quot;http://payday1000loans3000online.com/#loans&quot;&gt; payday loan &lt;/a&gt;
payday loans joplin mo
[url=http://payday1000loans3000online.com/#online] payday loans online [/url]
payday loans el cajon
KqwbzuImaft - 2017-07-08  14:51:56
 ace cash payday loans
bad credit loans
payday loans delaware
&lt;a href=&quot;http://payday1000loans3000online.com/#personal&quot;&gt; pay day loans &lt;/a&gt;
payday loans open on sunday
[url=http://payday1000loans3000online.com/#loan] bad credit loans [/url]
payday loans tallahassee
<<[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25] [26] [27] [28] [29] [30] [31] [32] [33] [34] [35] [36] [37] [38] [39] [40] [41] [42] [43] [44] [45] [46] [47] [48] [49] [50] [51] [52] [53] [54] [55] [56] [57] [58] [59] [60] [61] [62] [63] [64] [65] [66] [67] [68] [69] [70] [71] [72] [73] [74] [75] [76] [77] [78] [79] [80] [81] [82] [83] [84] [85] [86] [87] [88] [89] [90] [91] [92] [93] [94] [95] [96] [97] [98] [99] [100] [101] [102] [103] [104] [105] [106] [107] [108] [109] [110] [111] [112] [113] [114] [115] [116] [117] [118] [119] [120] [121] [122] [123] [124] [125] [126] [127] [128] [129] [130] [131] [132] [133] [134] [135] [136] [137] [138] [139] [140] [141] [142] [143] [144] [145] [146] [147] [148] [149] [150] [151] [152] [153] [154] [155] [156] [157] [158] [159] [160] [161] [162] [163] [164] [165] [166] [167] [168] [169] [170] [171] [172] [173] [174] [175] [176] [177] [178] [179] [180] [181] [182] [183] [184] [185] [186] [187] [188] [189] [190] [191] [192] [193] [194] [195] [196] [197] [198] [199] [200] [201] [202] [203] [204] [205] [206] [207] [208] [209] [210] [211] [212] [213] [214] [215] [216] [217] [218] [219] [220] [221] [222] [223] [224] [225] [226] [227] [228] [229] [230] [231] [232] [233] [234] [235] [236] [237] [238] [239] [240] [241] [242] [243] [244] [245] [246] [247] [248] [249] [250] [251] [252] [253] [254] [255] [256] [257] [258] [259] [260] [261] [262] [263] [264] [265] [266] [267] [268] [269] [270] [271] [272] [273] [274] [275] [276] [277] [278] [279] [280] [281] [282] [283] [284] [285] [286] [287] [288] [289] [290] [291] [292] [293] [294] [295] [296] [297] [298] [299] [300] [301] [302] [303] [304] [305] [306] [307] [308] [309] [310] [311] [312] [313] [314] [315] [316] [317] [318] [319] [320] [321] [322] [323] [324] [325] [326] [327] [328] [329] [330] [331] [332] [333] [334] [335] [336] [337] [338] [339] [340] [341] [342] [343] [344] [345] [346] [347] [348] [349] [350] [351] [352] [353] [354] [355] [356] [357] [358] [359] [360] [361] [362] [363] [364] [365] [366] [367] [368] [369] [370] [371] [372] [373] [374] [375] [376] [377] [378] [379] [380] [381] [382] [383] [384] [385] [386] [387] [388] [389] [390] [391] [392] [393] [394] [395] [396] [397] [398] [399] [400] [401] [402] [403] [404] [405] [406] [407] [408] [409] [410] [411] [412] [413] [414] [415] [416] [417] [418] [419] [420] [421] [422] [423] [424] [425] [426] [427] [428] [429] [430] [431] [432] [433] [434] [435] [436] [437] [438] [439] [440] [441] [442] [443] [444] [445] [446] [447] [448] [449] [450] [451] [452] [453] [454] [455] [456] [457] [458] [459] [460] [461] [462] [463] [464] [465] [466] [467] [468] [469] [470] [471] [472] [473] [474] [475] [476] [477] [478] [479] [480] [481] [482] [483] [484] [485] [486] [487] [488] [489] [490] [491] [492] [493] [494] [495] [496] [497] [498] [499] [500] [501] [502] [503] [504] [505] [506] [507] [508] [509] [510] [511] [512] [513] [514] [515] [516] >>
*v komentářich nesmíte používat sprostá slova a odkazy!!!Děkuji za pochopeni.