Berkay Tosun
Üye
Sahip Olabileceği Değerler : (true, false)
Elemanların içerik kısımlarının düzenleme yapılıp yapılamayacağını ayarlamak için kullanılan bir kavramdır.
> True: Değeri atanmış ise eleman içerik kısmında kullanıcı tarafından değiştirilmesi mümkündür.
> False: Değeri atanmış ise eleman içerik kısmında kullanıcı tarafından değiştirilmesi mümkün değildir.
Fakat bu özellik herhangi bir elemana atanmış ise kalıtsal olarak içerisindeki elemanlar geçmesi söz konusudur. Bu özelliği verilen değer ile kullanmak gerekir.
Örnek;
<div contenteditable ></div> bu şekilde yanlış olur.
<div contenteditable =”true”></div> doğrusu budur.
Örnek2;
<!DOCTYPE HTML>
<html>
<head>
<meta charset=”utf-8”/>
<title> contenteditable özelliği</title>
<style type=”text/css”>
</style>
</head>
<body>
< div contenteditable =”true”>
Düzenlenebilir İçerik </div>
<div contenteditable =”true”>
<img src=”contenteditable.png”/>
</div>
</body>
</html>
Dikkat etmemiz gereken sayfa içerisinde bulunan div elemanları için contenteditable özelliğinin true değeri ile tanımlanmış olmasıdır. Bu durum iki div içerikleri kullanıcılar tarafından değiştirilmesi mümkündür. Şuna dikkat edilmeli ikinci div elamanın içerisinde duran img elemanı, bu özelliği kalıcı olarak kabul etmiştir. Bütün tarayıcılar img elemanın kullanıcı tarafından silinmesi olayına izin vermektedir. Bunun yanında şunu da belirtmekte fayda var IE ve FireFox img elemanının sayfa üzerindeki boyutları ile oynanmasına izin vermez.
Elemanların içerik kısımlarının düzenleme yapılıp yapılamayacağını ayarlamak için kullanılan bir kavramdır.
> True: Değeri atanmış ise eleman içerik kısmında kullanıcı tarafından değiştirilmesi mümkündür.
> False: Değeri atanmış ise eleman içerik kısmında kullanıcı tarafından değiştirilmesi mümkün değildir.
Fakat bu özellik herhangi bir elemana atanmış ise kalıtsal olarak içerisindeki elemanlar geçmesi söz konusudur. Bu özelliği verilen değer ile kullanmak gerekir.
Örnek;
<div contenteditable ></div> bu şekilde yanlış olur.
<div contenteditable =”true”></div> doğrusu budur.
Örnek2;
<!DOCTYPE HTML>
<html>
<head>
<meta charset=”utf-8”/>
<title> contenteditable özelliği</title>
<style type=”text/css”>
</style>
</head>
<body>
< div contenteditable =”true”>
Düzenlenebilir İçerik </div>
<div contenteditable =”true”>
<img src=”contenteditable.png”/>
</div>
</body>
</html>
Dikkat etmemiz gereken sayfa içerisinde bulunan div elemanları için contenteditable özelliğinin true değeri ile tanımlanmış olmasıdır. Bu durum iki div içerikleri kullanıcılar tarafından değiştirilmesi mümkündür. Şuna dikkat edilmeli ikinci div elamanın içerisinde duran img elemanı, bu özelliği kalıcı olarak kabul etmiştir. Bütün tarayıcılar img elemanın kullanıcı tarafından silinmesi olayına izin vermektedir. Bunun yanında şunu da belirtmekte fayda var IE ve FireFox img elemanının sayfa üzerindeki boyutları ile oynanmasına izin vermez.
