23 Eylül 2017, Cumartesi, 4:50
SON YAYINLANAN

Hareketli Not Defteri

Çeşitli projelerinizde kullanabileceğiniz, jQuery tabanlı, kullanıcıların sayfa üzerinde not almalarını sağlayan bir not defteri. Fare ile not defterinin üzerine geldiğimiz sürükleme yöntemiyle not defterini istediğimiz bir yere taşıyabiliyoruz.

DEMOYU İNCELE

Kurulum:

Aşağıdaki kodları html dosyanızda <head> kodundan sonra ekleyin

1
2
3
4
5
6
7
<link rel="stylesheet" type="text/css" href="html5notepad.css" />
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
 
<script src="html5notepad.js">
 
</script>

Not defterinin gözükmesini istediğiniz yere aşağıdaki örnekteki gibi kodları <body> kodundan sonra ekleyin

1.) Not defterinin sayfada otomatik görünmesi için:

1
2
3
4
5
6
7
<script>
 
jQuery(function($){ //on document.ready
	notepad.loadpad('mynotepad1') //load "mynotepad1" when document loads
})
 
</script>

2.) Not defterinin kullanıcı tıkladığında açılması için:

1
<a href="javascript:notepad.loadpad('notepadid', ['center','center'])">Not Defterini Aç</a>

Son olarak aşağıdaki dosyalar indirin ve html dosyalarınız ile aynı dizine atın.

İNDİR
Rar şifresi: www.ajaxkod.com

İndirdiğiniz dosyaları oluşturduğunuz .html dosyası ile aynı dizine atmanız gerekmektedir.
Örneğin html dosyanız
www.ajaxkod.com/deneme.html
ise dosyaların konumu
www.ajaxkod.com/deneme.js
gibi olması gerekmektedir.
Not defterinin görünümsel ayalarını, yazılarını html5notepad.js dosyasından düzenleyebilirsiniz.

Yorum Yaz

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current day month ye@r *

manset2
jQuery Resim Efekti

jQuery tabanlı resimlerinizi daha hoş gösterebileceğiniz güzel bir efekt... Kurulum: Aşağıdaki kodları html dosyanızda <head> kodundan sonra ekleyin Resimlerinizin gözükmesini...

Kapat