XAJAX, PHP ile geliştirilmiş bir AJAX kütüphanesidir. Javascript ile neredeyse hiç boğuşmadan PHP foksiyonlarının yetenekleri ile eşsiz uygulamalar geliştirilebilen bu kütüphaneyihttp://xajaxproject.org/ adresinden indirebilirsiniz.
XAJAX Kütüphanesi ile CSS ve stillerde çalışmak adına aşağıdaki kodları incelemenizi tavsiye ediyorum.
Burada dikkat edilmesi gereken husus stilleri assign ederken, javascript syntaxlarında olduğu gibi "-" tire kullanmadan, 2. kelimenin baş harfi birinci kelimeye bitişik ve büyük harfle tanımlanmalıdır.
Bune göre aşağıdaki örneklere bakacak olursak;
bakcground-color – backgroundColor,
font-wieght – fontWeight şeklinde yazılmıştır.
<?php
// xajax kütüphanesini include ediyoruz.
include("config/xajax/xajax_core/xajax.inc.php");
$xajaxDeneme = new xajax(); // $xajaxDeneme adında bir xajax objesi oluşturuyoruz.
/* Değişik olaylar için oluşturduğumuz xajax
* fonksiyonlarını register ediyoruz.
*/
$xajaxDeneme->registerFunction("arkaPlanRengiDegistir");
$xajaxDeneme->registerFunction("textYazi");
$xajaxDeneme->registerFunction("kalinYazi");
$xajaxDeneme->registerFunction("punto20Yap");
/*
* Xajax ile oluşalabilecek hata v.b.
* gibi durumları izlemek için debug metodunu
* açıyoruz.
* false : pasif
* true : aktif
*/
$xajaxDeneme->setFlag("debug",false);
// Fonsiyonlar işleme alacak olan metodu çağıralım.
$xajaxDeneme->processRequest();
echo '<html>';
echo '<head>';
/* Xajax javascript dosylarınının oluşturulmasını sağlayalım.
* bu metodu <body> tag'i sonrasında veya
* </head> tag'inden önce tanımlamak gerekir.
*/
$xajaxDeneme->printJavascript('config/xajax/');
echo '</head>';
echo '<body>';
// Üzerinde işlem yapacağımız bir tag yaratıp ona bir id verdik
echo '<div id="degisecekYazi">DENEME YAZISI</div>';
echo '<p>';
echo '<input type="button" value="KIRMIZI ARKA PLAN" onclick="xajax_arkaPlanRengiDegistir(); return false;">';
echo ' - ';
echo '<input type="button" value="SARI YAZI" onclick="xajax_textYazi(); return false;">';
echo ' - ';
echo '<input type="button" value="KALINYAZI" onclick="xajax_kalinYazi(); return false;">';
echo ' - ';
echo '<input type="button" value="20 PT YAP" onclick="xajax_punto20Yap(); return false;">';
echo '</p>';
echo '</body>';
echo '</html>';
/**
* Çağrıldığı zaman DIV'in arkaplanını kırmızı yapar
*
* @return XML
*/
function arkaPlanRengiDegistir()
{
$objResponse = new xajaxResponse(); // Xajax Response oluşturuyoruz.
$objResponse->assign("degisecekYazi","style.backgroundColor","red");
return $objResponse;
}
/**
* Çağrıldığı zaman DIV'in içindeki text'i sar yapar
*
* @return XML
*/
function textYazi()
{
$objResponse = new xajaxResponse(); // Xajax Response oluşturuyoruz.
$objResponse->assign("degisecekYazi","style.color","yellow");
return $objResponse;
}
/**
* Çağrıldığı zaman DIV'in içindeki text'i kalın yazar
*
* @return XML
*/
function kalinYazi()
{
$objResponse = new xajaxResponse(); // Xajax Response oluşturuyoruz.
$objResponse->assign("degisecekYazi","style.fontWeight","bold");
return $objResponse;
}
/**
* Çağrıldığı zaman DIV'in içindeki text'i 20 punto yazar
*
* @return XML
*/
function punto20Yap()
{
$objResponse = new xajaxResponse(); // Xajax Response oluşturuyoruz.
$objResponse->assign("degisecekYazi","style.fontSize","20pt");
return $objResponse;
}
?>
şayet varolan bir css class'ını bir ID atamak gerekiyorsa bunun için
$objResponse->assign("degisecekYazi","className","denemesitili");
şeklinde bir tanım yapmak gerekir. Buradan da anlaşılacağı üzere attributeclass olarak değil className olarak tanımlanmıştır.
İyi kodlarda kullanmanız dileğiyle.
Internet üzerinde kişisel ya da kurumsal kimliğinizi en iyi şekilde temsil etmenin yolları konusunda sizlere yardımcı olmak asıl işimizidir.