Rechercher dans ce blog

mercredi 19 octobre 2016

pour quoi on utilise JSON format

                       pour quoi on utilise JSON format

  c'est le question qui se propose pour les débutants on JSON .pour qu'ils ne suaient JSON c'est le format des tableaux ou objets on JavaScript :réécrire  les objets dans un chaîne des cratères lisible par presque touts les langage des programmation ce texte a le format suivante 
{
"glossary": {
"title": "example glossary",
"GlossDiv": {
"title": "S",
"GlossList": {
"GlossEntry": {
"ID": "SGML",
"SortAs": "SGML",
"GlossTerm": "Standard Generalized Markup Language",
"Acronym": "SGML",
"Abbrev": "ISO 8879:1986",
"GlossDef": {
"para": "A meta-markup language, used to create markup languages such as DocBook.",
"GlossSeeAlso": ["GML", "XML"]
},
"GlossSee": "markup"
}
}
}
}
}
clé:valeur

intérêt d'utilisation de JSON format

la plus par de cet utilisation est dans les pages qui utilisent Ajax a extraire les données du serveur qui limitent le temps de chargement de la page dans ces pages ou ce concept de développement on peut pas faire l'affichage des résulta ou tous simplement faire "echo"ou "print" des objet php sans réfléchir la page 

problème

le problème ici de transférer le contenus dune variable php a une variable JS 

solution 

le format json nous offre cette magique action 

comment 

cote serveur

en php  on doit afficher la conversion  du objet php en un chaîne JSON a l'aide de la fonction json_encode() 
la page  affiche la chaîne Json
{objet{"clé":valeur","cle":"valeur"},"objet1":"valeur"}

cote client 

recevoire les donner json 

$.get("url_du_serveur/", function (d) {
         d = JSON.parse(d);
         coupon_data = d;
         
                                }); 
afficher les cles ou les valeurs
$(d.objet).each(function () {
 g = '
' +
  '
' + this.cle+
  '
' + this.cle + '
'
 '
' + this.cle + '
';
}
maintemaint on affiche cette div par la commande jquery.append()
page.find(".class_css_séelctionner").append(g);

conclusion 

ce peut exaple explique lutilisation ou l'interet dy json sa nouspour plus des exemples  compliqué visiter
convertir les resultatt du cURLa un obget JSON

dimanche 10 avril 2016

Dans ce tutoriels ont va avancer un peux dans le domaine de développements web pour exploiter nos connaissance qui nous avons perdu des Anne pour les connais pour granger un peux d argent ont va réaliser un petit site de streaming ce type des sites est trié utiliser et plus simple à référencer dans les moteur de recherche et ont gagné l’argan facilement

Ont à quelque étape de conception 
1) ce site permet de visualiser des vidéo donc ont héberge les vidéo dans notre serveur ce qui es très couteux ou ont cherche un hébergeur vidéo 
Mois même je préfère chercher un hébergeur vidéo car il est très simple a héberger les vidéo et ont est pas besoin d’acheter un très grand espace dans les serveurs
Je trouve un hébergeur vidéo qui est gratuit est simple a utiliser est aussi résolu le problème de publicité et le gain d’argent  il prépose des policer et il nous payé pour ces publicité e hébergeur est netu.tv on va créer un compte es commencer à héberger les vidéo


Inscription :


Puis on commence l hébergement des vidéos

Donc maintenant ont a les vidéo dans notre compte 
Ce hébergeur nous permet de prendre le lien de nos vidéo dans un IFrame  es les intégrés dan nos site
2) concevoir  notre base des donner pour  afficher les vidéo ce site  nos vidéo sont des épisodes des série tv comme Black Sails Vikings Game of Thrones
On vat créer 3 principaux tableaux 
1) tableau  série :
Qui contient la id de la série le nom l id de limage de la série une description de la série  et la date de création qui nous permet delà  select  par date de création de notre série
CREATE TABLE IF NOT EXISTS `episodes` (
  `id` int(50) NOT NULL AUTO_INCREMENT,
  `name` varchar(100) NOT NULL,
  `content` text NOT NULL,
  `id_serie` int(50) NOT NULL,
  `id_season` int(50) NOT NULL,
  `Documentation` text NOT NULL,
  `created` datetime NOT NULL,
  `online` int(50) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=12 ;
2) tableaux épisodes  qui contiens les informations de chaque épisode :
L id épisode
Name nom de l’épisode ou tire de l épisode
 Content : contiens l iframe de l hébergeur  le lien delà vidéo
Description : contiens une description pour le référencement des vidéos
Created : type date time date de création delà série
Id_serie : clé étrangère de tableaux série
Num _season: le numero de la season
Online : une variable Booléen contiens 0 ou 1 pour tester si la vidéo es on ligne ou pas dans la sélection
CREATE TABLE IF NOT EXISTS `series` (
  `id` int(50) NOT NULL AUTO_INCREMENT,
  `content` text NOT NULL,
  `created` datetime NOT NULL,
  `id_image` int(50) NOT NULL,
  `name` varchar(100) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=6 ;
3) tableau media contient les images du site et des série :
Id : id de media
File : nom de la media
Type : type de la media image ou vidéo ou ficher texte …..
Id_serie : clé étrangère des tableaux série

CREATE TABLE IF NOT EXISTS `medias` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `file` varchar(50) NOT NULL,
  `type` varchar(50) NOT NULL,
  `id_serie` int(11) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8 AUTO_INCREMENT=6 ;
 La base des données complete avec quelque insertion

-- phpMyAdmin SQL Dump
-- version 4.0.10.6
-- http://www.phpmyadmin.net
--
-- Host: mysql1.alwaysdata.com
-- Generation Time: Apr 11, 2016 at 03:12 AM
-- Server version: 5.1.66-0+squeeze1
-- PHP Version: 5.6.8

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;

--
-- Database: `freeserietv_zratan`
--

-- --------------------------------------------------------

--
-- Table structure for table `episodes`
--

CREATE TABLE IF NOT EXISTS `episodes` (
  `id` int(50) NOT NULL AUTO_INCREMENT,
  `name` varchar(100) NOT NULL,
  `content` text NOT NULL,
  `id_serie` int(50) NOT NULL,
  `id_season` int(50) NOT NULL,
  `documentation` text NOT NULL,
  `created` datetime NOT NULL,
  `online` int(50) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=12 ;

--
-- Dumping data for table `episodes`
--

INSERT INTO `episodes` (`id`, `name`, `content`, `id_serie`, `id_season`, `documentation`, `created`, `online`) VALUES
(1, 'Black.Sails.S03E06.WEBRip.x264-FUM[ettv]', '\r\n', 1, 3, 'Captin flint go to find charles vin and captin teatch to fiet in nassau and captin rakham want to dont loose his name', '2016-02-28 07:15:09', 1),
(2, 'Black Sails S01E01 x264 AAC E-Subs [GWC]', '', 1, 1, 'captin flint got a spanish sheep to get the gold of the arca lina but hi loose the map he try to get the map ', '2014-03-10 05:18:30', 1),
(3, 'Black Sails S01E02 x264 AAC E-Subs [GWC]', '', 1, 1, 'tho coocer try to sel the map of the gold of the arca lina to an ather piret in nassau but hi did''int enjoy in in this ep', '2015-03-21 06:20:22', 1),
(4, 'Black Sails S01E03 x264 AAC E-Subs [GWC]', '', 1, 1, 'no one have the map it on the head of the cooker he will work in the crew of captin flint to have the gold ', '2014-04-03 05:13:12', 1),
(5, 'Vikings.S04E02.HDTV.x264-KILLERS[ettv]', '', 2, 4, 'floky escape from his preson bijorn tree to still alive  wessex try to save the queen of mersia from his reason and hes son the son of ragnan', '2016-03-28 04:09:12', 1),
(6, 'Vikings.S04E01.HDTV.x264-KILLERS[ettv]', '', 2, 4, 'rollo betray ragnar in paris an kill his army bjorn accused floky for killing athelstan ragnar is seek', '2016-02-18 02:04:16', 1),
(7, 'Da.Vincis.Demons. S03E01.720p.5.1Ch.HDTV.ReEnc-DeeJayAhmed', '', 3, 3, 'd avinci fight the turk in napoli but the turk have more army and more technologie of canon and tunk thy have the city and killig the king of napoli d avinci escape from the city to rome', '2015-12-01 02:12:12', 1),
(8, 'wayward.pines.s01e01.hdtv.x264-2hd', '', 4, 1, 'evry body is in wayward pines in a\n car accident no bary can escape no body speek not thing is clear it in new world new time ', '2014-12-23 05:07:14', 1),
(9, 'Wayward.Pines.S01E05.HDTV.XviD-FUM', '', 4, 1, 'the youngs of wayward pines know the truth of history ', '2015-03-03 05:15:15', 1),
(10, 'The.100.S01E01.720p.WEB-DL. 2CH.x265.HEVC', '', 5, 1, 'the earth has been destroyed by an nuclair war . the last survivers are in space station after 100 year the try evaluate the situation on earth so the send 100 teen to it', '2013-10-15 03:06:08', 1),
(11, 'Vikings.S04E03.PROPER.HDTV.x264-KILLERS[ettv]', '', 2, 4, 'ragnar lorthbrook \r\nthe vikings wont a new lands to farm and to steal gold they find england and french and fight them ', '2016-03-04 02:11:16', 1);

-- --------------------------------------------------------

--
-- Table structure for table `medias`
--

CREATE TABLE IF NOT EXISTS `medias` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `file` varchar(50) NOT NULL,
  `type` varchar(50) NOT NULL,
  `id_serie` int(11) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8 AUTO_INCREMENT=6 ;

--
-- Dumping data for table `medias`
--

INSERT INTO `medias` (`id`, `file`, `type`, `id_serie`) VALUES
(1, 'viking.jpg', 'img', 2),
(2, 'blacksails.jpg', 'img', 1),
(3, 'davinci.jpg', 'img', 3),
(4, 'winwardpines.png', 'img', 4),
(5, 'The100.jpg', 'img', 5);

-- --------------------------------------------------------

--
-- Table structure for table `series`
--

CREATE TABLE IF NOT EXISTS `series` (
  `id` int(50) NOT NULL AUTO_INCREMENT,
  `content` text NOT NULL,
  `created` datetime NOT NULL,
  `id_image` int(50) NOT NULL,
  `name` varchar(100) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=6 ;

--
-- Dumping data for table `series`
--

INSERT INTO `series` (`id`, `content`, `created`, `id_image`, `name`) VALUES
(1, 'the piretes of Nassau fight the 2 eempire in the the new world Spanish and English empire', '2014-02-17 06:12:19', 2, 'Black Sails'),
(2, 'the vikings wont a new lands to farm and to steal gold they find england and french and fight them ', '2014-08-26 05:14:22', 1, 'Vikings'),
(3, 'lionardo davinci try to show his skills of mechanic engeneering in venessa italy to his govenor lorenzo demiditchi hi was a menber of the sons of methras brotherhood \r\nto fin the book of leave ', '2012-09-12 07:18:33', 3, 'Da Vincis Demons'),
(4, 'wayward pines trying to save the humanity in 4028 from the humanity of 4028', '2015-08-04 00:00:00', 4, 'wayward pines'),
(5, 'the earh is desroyd by a nuliar war the rest of the humanity are in a space staion they still alive for 100  years before that they send 100 teen to explore the earth if the can live agin int it', '2015-11-14 00:00:00', 5, 'the 100');

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
Inscrit vous pour continuer ce tutorial   zrclassroom.com

jeudi 7 avril 2016

creer un moteur de recherche php ajax

les moteurs de recherche php ajax sont les moteur de recherche les plus utiliser dan nos jour il son lus intelligent est trais facile a utiliser dans le grand nombre des information dans l'interner dans ce tutoriel ont va creer un moteur de recherche dan notre site web il est composer de 3 parties , une partie html comportant la zone du texte de recherche est la zone contenant la partie résultat de la recherche est une partie ajax permet dévoyée et récupérer les donner du serveur et un partie php situer dans le serveur permet de la connections a notre base des donner et rechercher dans la base et retournes des résultat si il y a

partie html
tout ce qui est design de moteur de recherche:

="search">  IncrementalSearcher
"type="search"placeholder="Search Query"autocomplete="off"incremental="yes"onsearch="onSearchHandler.apply(this, arguments)"/>  <button title="search" type="submit" value="" onfocus="this.blur();" onclick="this.blur();"style="background: none;
  border: none;
  padding: 0;
  margin: 0;
  box-sizing: content-box !important;">class
="ka"><img src="search.png width="15"height="15"></button> 
"style="background:#;">float:right;top:0;" href="#">    
">

">



la partie CSS  le design du moteur de recherche le positionnement les couleur ...



la partie ajax
la fonction qui permet d envoyer es recevoir les donnée est les afficher dan la balise id contact


maintenant la partie php comporte le connections a la base des donnée et la recherche de dan

php

try

{
   $pdo_options[PDO::ATTR_ERRMODE] = PDO::ERRMODE_EXCEPTION;
    $bdd = new PDO('mysql:host=localhost;dbname=isimm', 'root',
     '', $pdo_options);
   }
catch(Exception $e)
{
     die('Erreur : ' . $e->getMessage());
       
}

if(isset($_POST['search'])) {
//echo'<span class="close">×</span>';

 $regexp = "<";
 if(preg_match("/$regexp/siU", $_POST['search'])) {
 echo'no result';
 exit();
 } else {
 $val=strip_tags($_POST['search']);
 $resu=preg_split('/[\s]+/',$val);
$aff=count($resu);
$ou="";
$oun="";
foreach($resu as $key=>$resus){
$ou.="champ1 LIKE '%$resus%'";
$oun.="champ2 LIKE '%$resus%'";
if($key!=($aff-1)){
$ou.="AND ";
$oun.="AND ";
}
}
$req=$bdd->query('SELECT champ1,champ2 id FROM TABLEAU WHERE '.$ou.' ');
//$rows=mysql_num_rows($req);
$d=$req->rowCount();
if($d){
echo'

('.$d.')results

';
while($d=$req->fetch()){
echo 'width
="290">';echo '<tr>
<td>
<img src="../mvc/img/'.$d['image'].'" width="40" height="40" >
</td>
<td>
text
-decoration:none;">'.$d['titre'].'</td>
</tr>';
echo '
';
}
}
else {
echo 'title
="job"class="search" href="#" onclick="finderj(this.title);">no resuls';
}

}
}




?>
telecharger la source visiter zrclassroom.com

creer simple editeur wysiwyg javascript

les wysiwyg ou les éditeur texte dans les page web sont utilisable fréquemment dan les site web pour remplier les contenu sous forme html dans les bes des donner  les contenu comme tinymce les pour changer les style d écriture est les police les gras est aussi l insertion des lien des image des vidéo et aussi a formater les code comme paha html css ... pour afficher des toturiel jais essayer de créer un style éditeur avec le html et le java script et on peut l'améliorer intègre des plug in comme les plu gin syntaxhiliter pour les code pour les forum de développement joinier mois dans mon nouveaux forum de web développement est apprenez comment créer un éditeur wysiwig
visiter
zrclassroom.com