Kategori: Class And Function

Responsive Modal Box

Hazır kütüphaneler kullanmadan yapabileceğiniz bir uyumlu açılır pencere çalışması.

Sayfamıza ilk olarak uyumlu olması için metaları ekleyelim

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">

style tagı içerisine kodlarımızı ekleyelim.

.kalici-kaplama {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 1ms opacity ease;
  -moz-transition: 1ms opacity ease;
  -ms-transition: 1ms opacity ease;
  -o-transition: 1ms opacity ease;
  transition: 1ms opacity ease;
  background: rgba(0,0,0,.6);
}
.kalici-kalici {
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  opacity: 0;
  width: 94%;
  padding: 24px 20px;
  -webkit-transition: 1ms opacity ease;
  -moz-transition: 1ms opacity ease;
  -ms-transition: 1ms opacity ease;
  -o-transition: 1ms opacity ease;
  transition: 1ms opacity ease;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 2px;
  background: #fff;
}
.kalici-kalici.kalici-acik.kalici-baglantili {
  top: 20px;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.kalici-kalici.kalici-acik { opacity: 1; }
.kalici-kaplama.kalici-acik { opacity: 1; }
.kalici-kapat {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 12px;
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 5px 7px 7px;
  cursor: pointer;
  color: #fff;
  border: 0;
  outline: none;
  background: #e74c3c;
}
.kalici-kapat:hover { background: #c0392b; }
.kalici-kaplama.karart-ve-kaldir {
  display: block;
  opacity: 0;
}
.kalici-kalici.karart-ve-kaldir {
  top: -300%;
  opacity: 1;
  display: block;
}
.kalici-kalici.karart-ve-kaldir.kalici-acik {/*kararmadan sonra kalici çıkış*/
  top: 50%;
  -webkit-transition: 500ms top 1ms ease;
  -moz-transition: 500ms top 1ms ease;
  -ms-transition: 500ms top 1ms ease;
  -o-transition: 500ms top 1ms ease;
  transition: 500ms top 1ms ease;
}
.kalici-kalici.karart-ve-kaldir.kalici-acik.kalici-baglantili {
  -webkit-transition: 500ms top 500ms ease;
  -moz-transition: 500ms top 500ms ease;
  -ms-transition: 500ms top 500ms ease;
  -o-transition: 500ms top 500ms ease;
  transition: 500ms top 500ms ease;
}
.kalici-kaplama.karart-ve-kaldir.kalici-acik {/*arka plan kararış*/
  top: 0;
  -webkit-transition: 100ms opacity ease;
  -moz-transition: 100ms opacity ease;
  -ms-transition: 100ms opacity ease;
  -o-transition: 100ms opacity ease;
  transition: 100ms opacity ease;
  opacity: 1;
}
.kalici-kalici.karart-ve-kaldir {
  -webkit-transition: 500ms top ease;
  -moz-transition: 500ms top ease;
  -ms-transition: 500ms top ease;
  -o-transition: 500ms top ease;
  transition: 500ms top ease;
}
.kalici-kaplama.karart-ve-kaldir {/*arka plan kararış iptal*/
  -webkit-transition: 100ms opacity 100ms ease;
  -moz-transition: 100ms opacity 100ms ease;
  -ms-transition: 100ms opacity 100ms ease;
  -o-transition: 100ms opacity 100ms ease;
  transition: 100ms opacity 100ms ease;
}

script tagı içerisine kodlarımızı ekleyelim.

	(function() {
	  this.Kalici = function() {
	    this.kaplama = null;
	    this.kalici = null;
	    this.kapatButonu = null;
	    this.gecisSonu = gecisSec();
	    var varsayilan = {
	      className: 'karart-ve-kaldir',
	      kapatButonu: true,
	      icerik: "",
	      maxWidth: 600,
	      minWidth: 280,
	      kaplama: true
	    }
	    if (arguments[0] && typeof arguments[0] === 'object') {
	      this.ayarlar = varsayilanEk(varsayilan, arguments[0]);
	    }
	  }
	  Kalici.prototype.acik = function() {
	    olusturma.call(this);
	    initializeEvents.call(this);
	    window.getComputedStyle(this.kalici).height;
	    this.kalici.className = this.kalici.className +
	      (this.kalici.offsetHeight > window.innerHeight ? ' kalici-acik kalici-baglantili' : ' kalici-acik');
	    this.kaplama.className = this.kaplama.className + ' kalici-acik';
	  }
	  Kalici.prototype.kapat = function() {
	    var _ = this;
	    this.kalici.className = this.kalici.className.replace(' kalici-acik', '');
	    this.kaplama.className = this.kaplama.className.replace(' kalici-acik', '');
	    this.kalici.addEventListener(this.gecisSonu, function() {
	      _.kalici.parentNode.removeChild(_.kalici);
	    });
		_.kalici.parentNode.removeChild(_.kalici);
	    this.kaplama.addEventListener(this.gecisSonu, function() {
	      if (_.kaplama.parentNode) _.kaplama.parentNode.removeChild(_.kaplama);
	    });
	  }
	  function gecisSec() {
	    var el = document.createElement('div');
	    if (el.style.WebkitTransition) return "webkitTransitionEnd";
	    if (el.style.OTransition) return "oTransitionEnd";
	    return 'transitionend';
	  }
	  function varsayilanEk(kaynak, ozellikler) {
	    var ozellik;
	    for (ozellik in ozellikler) {
	      if (ozellikler.hasOwnProperty(ozellik)) {
	        kaynak[ozellik] = ozellikler[ozellik];
	      }
	    }
	    return kaynak;
	  }
	  function olusturma() {
	    var icerik, icerikTutucu, belgeParcasi;
	    if (typeof this.ayarlar.icerik === 'string') {
	      icerik = this.ayarlar.icerik;
	    } else {
	      icerik = this.ayarlar.icerik.innerHTML;
	    }
	    belgeParcasi = document.createDocumentFragment();
	    this.kalici = document.createElement('div');
	    this.kalici.className = 'kalici-kalici ' + this.ayarlar.className;
	    this.kalici.style.minWidth = this.ayarlar.minWidth + 'px';
	    this.kalici.style.maxWidth = this.ayarlar.maxWidth + 'px';
	    if (this.ayarlar.kapatButonu === true) {
	      this.kapatButonu = document.createElement('button');
	      this.kapatButonu.className = 'kalici-kapat kapat-button';
	      this.kapatButonu.innerHTML = 'x';
	      this.kalici.appendChild(this.kapatButonu);
	    }
	    if (this.ayarlar.kaplama === true) {
	      this.kaplama = document.createElement('div');
	      this.kaplama.className = 'kalici-kaplama ' + this.ayarlar.className;
	      belgeParcasi.appendChild(this.kaplama);
	    }
	    icerikTutucu = document.createElement('div');
	    icerikTutucu.className = 'kalici-icerik';
	    icerikTutucu.innerHTML = icerik;
	    this.kalici.appendChild(icerikTutucu);
	    belgeParcasi.appendChild(this.kalici);
	    document.body.appendChild(belgeParcasi);
	  }
	  function initializeEvents() {
	    if (this.kapatButonu) {
	      this.kapatButonu.addEventListener('click', this.kapat.bind(this));
	    }
	    if (this.kaplama) {
	      this.kaplama.addEventListener('click', this.kapat.bind(this));
	    }
	  }
	})();

sonra sayfa kodlarımızı ekleyelim

</head>
<body>
	<a href="#" id="calistirKaliciButton">Aç</a>
	test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
	test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
	test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
	test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
	test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
	test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
	test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
	test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
	test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>

script tagı içerisine kapatma komutlarını ekleyelim

	var kalicim = new Kalici({
			icerik: 'Test1 <b>Test2</b>'
		});
		var calistirKalici = document.getElementById('calistirKaliciButton');
		calistirKalici.addEventListener('click', function() {
			kalicim.acik();
		});

sayfa kapanış kodlarımızı ekleyelim

</body></html>

 

Çok Renkli Küre Etiket Bulutu

Öncelikle jquery kütüphanemizi script tagı ile çağırıyoruz

https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js

istediğimiz alana bu menü linklerimizi ekliyoruz.

<ul id="test" class="xmpl" style="height: 390px; width: 698px;">
    <?php for($x=0;$x<100;$x++){
         echo '<li value="'.floor(100-$x).'"><a href="#'.$x.'" >d'.$x.'n</a></li>';
    }?>
</ul>

script tagı içerisinde bu kodları ekliyoruz

/*
* jQuery TagCloud 0.5.1
*/
;(function($) {
	// private variables
	var oSettings;
	var oUlCss = {};
	var oLiCss = {};
	var fGAng = 2.399963; // sphere angle in radians*pi
	// default settings
	$.tagcloud = {
		 id: "TagCloud"
		,version: "0.5.1"
		,defaults: {
			 height: null
			,type: "cloud"		// "cloud", "list" or "sphere"
			,sizemax: 20
			,sizemin: 10
			,colormax: "00F"
			,colormin: "B4D2FF"
			,seed: null			// only for type=="cloud"
			,power: .5			// only for type=="sphere"
			,padding: 0
		}
	};
	$.fn.extend({
		tagcloud: function(_settings) {
			oSettings = $.extend({}, $.tagcloud.defaults, _settings);
			if (oSettings.seed===null) oSettings.seed = Math.ceil(Math.random()*45309714203);

			switch (oSettings.type) {
				// treemap ::	http://www.jquery.info/The-TreeMap-plugin
								
				case "sphere":
				case "cloud":
					oUlCss = {position:"relative"};
					oLiCss = {position:"absolute",display:"block"};
				break;
				case "list":
					oUlCss = {height:"auto"};
					oLiCss = {position:"static",display:"inline"};
				break;
			}

			Rng.setSeed(oSettings.seed+123456);

			return this.each(function(i,o) {
				var mUl = $(o);
				var aLi = mUl.find(">li");
				var iNumLi = aLi.length;


				var iUlW = mUl.width();
//				var iUlH = oSettings.height===null?mUl.height():oSettings.height;
				var iUlH = oSettings.height===null?(.004*iUlW*iNumLi):oSettings.height;
				mUl.css({width:iUlW,height:iUlH,listStyle:"none",margin:0,padding:0});
				mUl.css(oUlCss);
				

				var iValMx = -2147483647;
				var iValMn = 2147483648;
				var iLastVal = -1;
				for (var j=0;j<iNumLi;j++) {
					var mLi = $(aLi[j]);
					var iVal = mLi.attr("value")==-1?iLastVal++:mLi.attr("value");
					if (iVal>iValMx) iValMx = iVal;
					if (iVal<iValMn) iValMn = iVal;
					iLastVal = iVal;
				}
				var iValRn = iValMx-iValMn;

				// place on line to create minimal overlays
				var aLine = new Array();
				for (var j=0;j<iNumLi;j++) aLine[j] = j;
				for (var j, x, k = aLine.length; k; j = parseInt(Rng.rand(0,1000)/1000 * k), x = aLine[--k], aLine[k] = aLine[j], aLine[j] = x);

				iLastVal = -1;
				for (var j=0;j<iNumLi;j++) {
					var mLi = $(aLi[j]);;
					var iVal = mLi.attr("value")==-1?iLastVal++:mLi.attr("value");
					iLastVal = iVal;
					//
					var fPrt = ((iNumLi-j-1)/(iNumLi-1));
					var fPrt = (iVal-iValMn)/iValRn;
					//
					var iSzFnt = oSettings.sizemin + fPrt*(oSettings.sizemax-oSettings.sizemin);
					var sColor = colorRng(oSettings.colormin,oSettings.colormax,fPrt);
					//
					mLi.css({"word-wrap":"break-word",
                             "fontSize":iSzFnt,
                             "position":"absolute",
                             "color":"#"+sColor,
                             "margin":0,
                             "padding":oSettings.padding}).children().css({color:"#"+sColor});
					var iLiW = mLi.width();
					var iLiH = mLi.height()
					//
					var oCss = {};
					if (oSettings.type!="list") {
						if (oSettings.type=="cloud") {
							var iXps = Rng.rand(0,iUlW-iLiW);
							var iYps = aLine[j]*(iUlH/iNumLi) - iLiH/2;
						} else {
							var fRds = Math.pow(j/iNumLi,oSettings.power);
							var fRad = (j+Math.PI/2)*fGAng;
							var iXps = iUlW/2 - iLiW/2 + .5*iUlW*fRds*Math.sin(fRad);
							var iYps = iUlH/2 - iLiH/2 + .5*iUlH*fRds*Math.cos(fRad);
						}
						oCss.left = iXps;
						oCss.top  = iYps;
					}
					for (var prop in oLiCss) oCss[prop] = oLiCss[prop];
					mLi.css(oCss);
				}
			});
		}
	});
	// Park-Miller RNG
	var Rng = new function() {
		this.seed = 23145678901;
		this.A = 48271;
		this.M = 2147483647;
		this.Q = this.M/this.A;
		this.R = this.M%this.A;
		this.oneOverM = 1.0/this.M;
	}
	Rng.setSeed = function(seed) {
		this.seed = seed;
	}
	Rng.next = function() {
		var hi   = this.seed/this.Q;
		var lo   = this.seed%this.Q;
		var test = this.A*lo - this.R*hi;
		this.seed = test + (test>0?0:this.M);
		return (this.seed*this.oneOverM);
	}
	Rng.rand = function(lrn, urn) {
		return Math.floor((urn - lrn + 1) * this.next() + lrn);
	}
	// hex dec
	function d2h(d) {return d.toString(16);}
	function h2d(h) {return parseInt(h,16);}
//	function getC(s,rgb) {
//		var aRng = [[[0,1],[1,2],[2,3]],[[0,2],[2,4],[4,6]]][s.length==3?0:1][rgb];
//		return s.substring(aRng[0],aRng[1]);
//	}
	function getRGB(s) {
		var b3 = s.length==3;
		var aClr = [];
		for (var i=0;i<3;i++) {
			var sClr = s.substring( i*(b3?1:2), (i+1)*(b3?1:2) );
			aClr.push(h2d(b3?sClr+sClr:sClr));
		}
		return aClr;
	}
	function getHex(a) {
		var s = "";
		for (var i=0;i<3;i++) {
			var c = d2h(a[i]);
			if (c.length==1) c = "0"+c; // todo: this can be better
			s += c;
		}
		return s;
	}
	function colorRng(mn,mx,prt) {
		var aMin = getRGB(mn);
		var aMax = getRGB(mx);
		var aRtr = [];
		for (var i=0;i<3;i++) aRtr.push( aMin[i] + Math.floor(prt*(aMax[i]-aMin[i])) );
		return getHex(aRtr);
	}
	// trace
	function trace(o) {
		if (window.console&&window.console.log) {
			if (typeof(o)=="string")	window.console.log(o);
			else						for (var prop in o) window.console.log(prop+": "+o[prop]);
		}
	};
	// set functions
	$.fn.TagCloud = $.fn.Tagcloud = $.fn.tagcloud;
})(jQuery);
$(document).ready(function() {
$("ul").tagcloud({type:"sephere",width:300,height:300,sizemin:8,sizemax:36,power:0.5});
 function createRandomColor() { 
 var hex = '0123456789ABC'.split(''), color = '#', i; 
 for (i = 0; i < 6; i += 1) {
 color = color + hex[Math.floor(Math.random() * 13)];
 } 
 return color;
}
 $('ul li').each(function() {
 var $a = $(this).find('a');
 var rastgelerenk = createRandomColor();
 $a.css({color: rastgelerenk});
 });
});

 

Başlığı Sef Linke Dönüştürmek

Sef: Search Engine Friendly (Arama Motoru Dostu)
Seo: Search Engine Optimization (Arama Motoru Uyumlaşması)

Seflink fonksiyonu ile sayfa başlıklarınızı linke dönüştürüp kullanabilirsiniz.

Örneğin veritabanında seolink tablosu açıp makale_id ve sef_link şeklinde iki alan oluşturarak adresteki veriyi sorgulatıp makale id’si ile yazdırıp kullanabilirsiniz.Kullanım alanı size kalmış.

<?php
function seflink($s) {
        $tr = array('ş','Ş','ı','İ','ğ','Ğ','ü','Ü','ö','Ö','Ç','ç');
        $eng = array('s','s','i','i','g','g','u','u','o','o','c','c');
        $s = str_replace($tr,$eng,$s);
        $s = strtolower($s);
        $s = preg_replace('/&amp;amp;amp;amp;amp;amp;amp;.+?;/', '', $s);
        $s = preg_replace('/[^%a-z0-9 _-]/', '', $s);
        $s = preg_replace('/s+/', '-', $s);
        $s = preg_replace('|-+|', '-', $s);
        $s = trim($s, '-');
        $s.=".html";
        return $s;
}

//kullanımı
echo seflink("test yazışma");//test-yazisma
?>

Eklentisiz WordPress’te Otomatik Etiket Oluşturmak

Tüm yazılarınızın başlıklarına uygun seo etiketler oluşturur. İsteğinize göre eski etiketlerinizi temizleyip yeniler. Sayaçları günceller. Oluşturacağınız dosyayı sitenizin ana dizinine atmanız gereklidir. (Yazılım bilginiz az ise kodları değiştirmeyiniz, veritabanı yedeği almayı unutmayınız.)

tagcreator.php adlı bir dosya oluşturup içine bu kodları yazın.

<?php header('Content-Type: text/html; charset=utf-8');


 $server = 'localhost';//sunucu
 $login='';//veritabanı kullanıcı adı
 $pass='';//veritabanı şifresi
 $db='';//veritabanı adı
 $pre='wp_';//varsa wordpress veritabanı ön eki
 
 
 $con=mysql_connect($server,$login,$pass) or die ('hata');
 mysql_select_db($db,$con);
 mysql_query("Set names 'utf8'");
$print="";
$printt="";
 mysql_query("TRUNCATE `".$pre."terms`;");
$printt.="terms içindekiler boşaltıldı. ";
mysql_query("TRUNCATE `".$pre."term_relationships`;");
$printt.="term_relationships içindekiler boşaltıldı. ";
mysql_query("TRUNCATE `".$pre."term_taxonomy`;");
$printt.="term_taxonomy içindekiler boşaltıldı. ";
	function TagExport($text){
	$turkce=array("ş","Ş","ı","ü","Ü","ö","Ö","ç","Ç","ş","Ş","ı","ğ","Ğ","İ","ö","Ö","Ç","ç","ü","Ü");
	$duzgun=array("s","S","i","u","U","o","O","c","C","s","S","i","g","G","I","o","O","C","c","u","U");
	$text=str_replace($turkce,$duzgun,$text);
	$text = strtolower(preg_replace("@[^a-z0-9\-_şıüğçİŞĞÜÇ]+@i"," ",$text));
	$text = preg_replace('#[^\p{L}\p{N}]+#u', '', explode(' ', $text));
	return array_filter($text);
}
 $result=mysql_query("select * from ".$pre."posts where post_status='publish'");
 while ($row = mysql_fetch_object($result)) {
	$tags = TagExport($row->post_title);
	foreach($tags as $tag){
	$control1=mysql_query("select * from ".$pre."terms where name='$tag'");
	if(!mysql_num_rows($control1)){
		$sql1="INSERT INTO `".$pre."terms` (`term_id`, `name`, `slug`, `term_group`) VALUES (NULL, '$tag', '$tag', 0);";
		mysql_query($sql1);
		$last_id1 = mysql_insert_id();
		$print.="INSERT ID:$row->ID TAMAM. ";
		
		$sql2="INSERT INTO `".$pre."term_taxonomy` (`term_taxonomy_id`, `term_id`, `taxonomy`, `description`, `parent`, `count`) VALUES (NULL, $last_id1, 'post_tag', '', 0, 1);";
		mysql_query($sql2);
		$last_id2 = mysql_insert_id();
		$print.="INSERT ID:$row->ID TAMAM. ";
		
	}else{
		$cikti=mysql_fetch_object($control1);
		$last_id2=$cikti->term_id;
		$print.="ALREADY INSERT ID:$row->ID TAMAM. ";
	}
	$control2=mysql_query("select * from ".$pre."term_relationships where object_id=$row->ID AND term_taxonomy_id=$last_id2");
	if(!mysql_num_rows($control2)){
		$sql3="INSERT INTO `".$pre."term_relationships` (`object_id`, `term_taxonomy_id`, `term_order`) VALUES ($row->ID, $last_id2, 0);";
		mysql_query($sql3);
		$print.="INSERT ID:$row->ID TAMAM.<br>";
	}
	else{
		$print.="ALREADY INSERT ID:$row->ID TAMAM.<br>";
	}
 }
 }
 echo $printt."<br>".$print;
 //30.11.2014 güncellemesi sayaç güncelleme eklendi
 $q=mysql_query("SELECT term_taxonomy_id as ti,count(term_taxonomy_id) as cti  FROM `".$pre."term_relationships` group by ti order by cti desc");
 while($qq=mysql_fetch_assoc($q)){
  mysql_query("UPDATE `".$pre."term_taxonomy` SET `count` = '".$qq["cti"]."' WHERE `".$pre."term_taxonomy`.`term_taxonomy_id` = ".$qq["ti"]."");
  echo "<br>COUNT UPDATED ID:".$qq["cti"];
 }
 echo "<br>bitti";
?>

$server $login $pass $db değişkenlerine phpmyadmin bilgilerinizi yazarak ve sitem/tagcreator.php adresine girmeniz yeterli.

Anlık Çoklu Resim Yüklemek

index.php dosyası oluşturup jquery kütüphanemizi script tagı ile ekleyin.

http://code.jquery.com/jquery-1.10.2.js

style tagı içerisine bu kodları ekleyin.

.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
color: #ffffff;
font-size: 14px;
font-weight: bold;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.btn-add {
color: #ffffff;
background-color: #428bca;
border-color: #357ebd;
}
.btn-add:hover, .btn-add:focus, .btn-add:active, .btn-add.active {
color: #ffffff;
background-color: #3276b1;
border-color: #285e8e;
}

script tagı içerisine bu kodları ekleyin.

$(document).ready(function(){
 //Dosya Yükle
 $("#form").bind("submit",function(){
 $("#sonuclar").empty();
 $(this).attr("target","gelenBilgi");
 $("<img />").attr("src","yukleniyor.gif").appendTo($("#sonuclar")); 
 $("#gelenBilgi").bind("load", function(){
 var deger = $("#gelenBilgi").contents().find("body").html();
 $("#sonuclar").html(deger);
 $("#sonuclar2").val($("#sonuclar img").attr("src")); 
 });
 });
});
 var dosya = $("input[name=dosya[]]").val();
 var file = "dosya="+dosya;
 $.ajax({
 type: "POST",
 url: "dosyayukle.php",
 data: file,
 success: function(sonuc){
 $("#gelenBilgi").append(sonuc);
 }
 });

istediğiniz bir yere bu kodları ekleyin.

<table class="table">
 <tr>
 <td>
     <strong>Resim:</strong>
 </td>
 <td>
     <form action="dosyayukle.php" method="post" enctype="multipart/form-data" id="form"> 
        <input type="file" style="width:80px;" name="dosya[]" />
        <input type="submit" value="Yükle" />
     </form> 
 </td>
 <td rowspan="2" align="center">
    <iframe id="gelenBilgi" name="gelenBilgi" src style="display:none;">
    </iframe>
    <div id="sonuclar"></div>
 </td>
 </tr>
 <tr>
     <form action="" method="post"> 
         <td colspan="3" >
             <iframe id="gelenBilgi" name="gelenBilgi" src style="display:none;">
             </iframe>
             <input name="resim" id="sonuclar2" ><br>
             <input name="update" type="submit" class="btn btn-edit" value="Yüklenen url yi gönder" />
         </td>
    </form>
 </tr>
 </table>

yukleniyor.gif adlı bir resim oluşturun.

dosyayukle.php adlı bir dosya oluşturun ve içine bu kodları ekleyin.

<?php
 
function rasgeleharf($kackarakter){
	$s="";
	$char="abcdefghijklmnoprstuwvyzqx1234567890–__"; /// İzin verilen karakterler ?
	for ($k=1;$k<=$kackarakter;$k++){
		$h=substr($char,mt_rand(0,strlen($char)-1),1);
		$s.=$h;
	}
	return $s;
}
$toplam = count($_FILES["dosya"]["name"]);
$formatlar = array("image/png","image/jpeg","image/gif","image/bmp");
for($i= 0;$i < $toplam; $i++){
  if (in_array($_FILES["dosya"]["type"][$i],$formatlar)){
		$uzanti =substr($_FILES["dosya"]["name"][$i],-4,4);
		$ad =substr($_FILES["dosya"]["name"][$i],0,-4);
		$isim = rasgeleharf(5);
		$dizin = "img/".$ad."_".$isim.$uzanti;
		if(move_uploaded_file($_FILES["dosya"]["tmp_name"][$i],$dizin)){
			echo '<img height="100" src="'.$dizin.'" alt="" class="resim" />';
		}else{
			echo '<font color="red">Dosya Yüklenemedi!!</form>';
		}
	}else{
		echo '<font color="red">Geçersiz Dosya Formatı.</font>'; 
	}
}
?>

Son olarak img diye resimlerin saklanacağı bir klasör oluşturun.

Başlat Durdur Kontrollü,Ses Seviyesi Sabit Müzik Çalar

Öncelikle jquery kütüphanemizi script tagı ile yüklüyoruz.

https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js

Hemen altına script tagı içerisinde bu kodları yüklüyoruz.

$(document).ready(function(){   
	$("audio").hide(); 
		var v = document.getElementsByTagName("audio")[0]; 
		v.volume = 0.5;//Ses seviyesi %50
		v.play();/*otomatik başlatır*/
	});
	var curPlaying;$(function() {         	
		$(".playback").click(function() { 
			var song = $(this).next('audio')[0];       
			if(song.paused){   	
				$(".playback").text("Durdur");
				song.play();			
				song.volume = 1;           
				if(curPlaying) $("audio", "#"+curPlaying)[0].pause();        
			} 
			else {
			song.pause(); 
				$(".playback").text("Başlat");
			}  
		});
	});

Sayfada istediğiniz yere bu kodları yerleştirin.

<div class="playback">Durdur</div>
<audio controls="">
  <source src="http://thesoundeffect.com/music/mp3/AllMyLife.mp3" type="audio/mpeg">
</audio>

 

Rastgele Link Rengi Üretmek

Her linkin rengi farklı olsun dedik. Arkaplanı da buna zıt olarak belirledik. Buyrun kodlar:

<?php
echo '<'.'style type="text/css"'.'>';
function rengi_ters_cevir($color){
    $color = str_replace('#', '', $color);
    if (strlen($color) != 6){ return '000000'; }
    $rgb = '';
    for ($x=0;$x<3;$x++){
        $c = 255 - hexdec(substr($color,(2*$x),2));
        $c = ($c < 0) ? 0 : dechex($c);
        $rgb .= (strlen($c) < 2) ? '0'.$c : $c;
    }
    return '#'.$rgb;
}
$ToplamLinkSayisi=3;
for($x=1;$x<$ToplamLinkSayisi+1;$x++){
	$colorno=rand(0,10000000);
	$bgno=10000000-$colorno;
	echo 'a:nth-child('.$x.'n){';
	echo 'color: #'.strtoupper(dechex($colorno)).';';
	echo 'background-color: '.rengi_ters_cevir('#'.strtoupper(dechex($colorno))).';';
	echo '}
	';
}
echo '<'.'/style'.'>';
echo '<a href="#1">1.Link</a>';
echo '<a href="#2">2.Link</a>';
echo '<a href="#3">3.Link</a>';
?>

Sef Link Sistemi ile Türkçe Kullanıcı Profil Adresi Oluşturmak

Bu kod ile siteniz/kullanıcı tarzında profil sayfası oluşturabilirsiniz.

.htaccess dosyası oluşturun ve içine bu kodları ekleyin.

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^([0-9a-üöçşığzA-ÜÖÇŞİĞZ-_/]+)$ index.php?user=$1

index.php dosyası oluşturun ve içine bu kodları ekleyin.

<?php
header("Content-type: text/html; charset=utf8");
if(@$_GET["user"]){
 $user = array_filter(explode("/", @$_GET["user"]));
 $username = @$user[0];
 if ($username == "kullanıcı"){
 echo "<i>$username</i> profiline hoşgeldiniz";
 }else{
 echo "böyle bir kullanıcı bulunamadı!";
 }
}
?>

 

Basit sohbet robotu yapmak

index.php dosyası oluşturup jquery kütüphanesini script tagıyla ekleyin

http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js

altına style tagı açarak içerisine bu kodları ekleyin.

.kutu {
        background:#eee;
        border: 1px solid #ddd;
        padding:10px;
        margin-bottom:10px;
                height:200px;
                weight:200px;
}
#sorular {
        height:150px;
        padding:10px;
        overflow:scroll;
        overflow-x:hidden;
}

altına script tagı açarak içerisine bu kodları ekleyin.

function sor() {
var soru = $("#konus :input").val();
if(soru != '') {
$.post("bot.php",$('#konus').serialize(), function(gelen) { 
$("#sorular").append("Misafir:"+soru+"<br />Bot:"+gelen+"<br />");
$("#soru").val("");
}); 
}else{
 alert("Birşeyler yazmayı deneyebilirsiniz?");  
}
return false; }

sayfa içerisine istediğiniz yere bu kodları yerleştirin.

<div class="kutu">Sanal Bot ile Konuşun!
<div id="sorular">Bir şeyler yazın;<br /></div>
<form id="konus" name="form1" method="post" action="javascript:void(0);">
    <label>
        <input name="soru" type="text" id="soru" value="" size="30" />
         </label>
        <label>
            <input type="submit" name="button" id="button" value="Konuş" onclick="sor()"/>
        </label>
</form></div>

bot.php dosyası oluşturup içine bu kodları ekleyin.

<?php 
$soru = htmlspecialchars($_POST["soru"]);
$cevaplar = array("selam"=>"sana da selam","merhaba"=>"merhaba","naber"=>"iyidir senden","iyi"=>"sevindim","sa"=>"as","nasılsın?"=>"teşekkürler siz?","adın ne"=>"yapay zeka");
$anlamadim = array("anlayamadım?","afedersiniz?","bu konuyu bilmiyorum");

$sonuc=array_key_exists($_POST["soru"],$cevaplar);

if($sonuc){
	die($cevaplar[$_POST["soru"]]);
}else{
echo $anlamadim[rand(0,count($anlamadim)-1)];
}
?>

 

Doğum Yılından Yaş Hesaplamak

<?php 
function yas($yil){ 
    // İlk öncellikle date ile şuanki yılı alıyoruz. 
    $suanki_yil = date("Y"); 
    // Sonra bize gelen yani postlanan üyenin doğum yili 
    $uye_yil = $yil; 
    // Şuanki yaşı öğrenmek için şuanki yıl - kullanıcı yaş yılı 
    $yas = $suanki_yil - $uye_yil; 
    // Kullanıcı yaşı  
return $yas;     
} 

// Kullanımı 1966 doğumlu  
echo yas(1966); 
?>