[BuGSuR]

Merhaba,

Üzerinde çalıştığım projede dinamik bir form kullanmanın gerektiğini düşündüm ve bunun içinde JScript ile neler yapabileceğimi araştırdım. Benzer bir topic de anlatılanları okudum, ancak kendime göre yorumlamakta güçlük çektim. Açıkcası JScript dil yapısına hakim değilim, bu yüzden gerekli scripti yazamıyorum. ( DB'den veri çekmek durumundayım )

Yapmak istediğim olay şudur...

MySQL'de kategori ve bölümleri belirtiğim ayrı tablolarım var. Adından da anlaşılacağı gibi her kategori'nin altında farklı bölümler sınıflandırılamkta. Benim istediğim bir form içinde Kategori seçildiği anda ( select etiketi ile ), bölüm seçmemi sağlayan diğer select etiketi içindeki liste buna bağlı olarak güncellensin istiyorum. Bunu hiç JavaScript kullanmadan da yapmak pek ala mümkün, ancak server ile sürekli etkinleşmek başka sorunlara yol açabiliyor form içinde taktir edersiniz ki...

Bana bu konuda kaynak, örnek kod önerebilecek - yada olayın mantığını anlatabilecek arkadaşlar yardımcı olurlarsa mutlu olurum.

Saygılar,

[mow]

http://www.phpbuilder.com/columns/kassemi20050613.php3 basit, kullanışlı ve 99% senin aradığın şey

[BuGSuR]

Teşekkür ederim,

Gerçekten faydalı bir makale, ancak %1'lik ihtiyaç eksiğimi vurgulayıp bu konuda yardım talep edeceğim.

Elimde ard arda duran iki <select> etiketi var. Ilk etikete, veritabanından belli değerler sıralıyorum. Ve burdaki seçime göre, ikinci etiket içindeki metnin sıralanmasını istiyorum. Haliyle tüm bu içeriğin veritabanından çekilmesi gerekecek.

Benim sıkıntım esasen, sayfaya sonuç yanıtma şekli.

document.getElementById('product_cage').innerHTML = response;

Bunu nasıl başaracağım ve <option> etiketlerini .PHP sayfama nasıl sıralayacağım.

Veritabanı ile olan ilişki için, javascripten çağrılan PHP dosyası içinde sorgular yapabileceğim gibi, bu sorguyu önceden yapıp belkide dizi değişkenlere aktarmam daha pratik de olabilir. Kararsızım, tecrübe etmem lazım.

Velhasıl, phpbuilder'da olmayan PHP dosyasına nasıl içerik yansıyacağım.

***

Bir başka soru, sanırım daha kolay bir soru olacak... JavaScript ile ilgili.

JavaScript içindeki bir fonksiyon çalıştığında , sayfamda belirteceğim bir div etikteine yada başka bir etikete veri döndürmek istiyorum. Örneğin id, class değeri olabilir. Böylece belli box'lara farklı sytle'lar atamış olacağım CSS dosyamda. Bu konuda da yardımcı olursanız sevinir. (Not: direk etikete değil de PHP dosyası içinde herhangi bir değişkenime de veri dönmesi kafidir.)

Saygılar,

[BuGSuR]

Mukus'un verdiği link sayesinde sonunda istediğimi yapmayı başardım.

Ancak çok ilginç bir problem çıktı, sonucu sayfada select etiketleri arasına döndürmeye kalkınca, optionlar alt alta değil yan yana çıkıyor. Şimdilik span etiketi içine aktarıyorum, selecti de javascriptin çağırdığı PHP dosyasına yazdırıyorum.

Ilgilenen olursa konuyla, kodları da geçebilirim.

[metadige]

arkadaşım normaldir döngüyü yaparken sonlarına \r\n eklersen alt alta yazılır yani :

echo "'<option>falanca</option>\r\n";

gibi

[BuGSuR]

Ilginç olan şurası...

internal_request.PHP içinde select etiketini yazınca sorunsuz olarak sıralanıyor option eiketlerinin içeriği.
Ancak selecti burda değilde basım yapılacak sayfada (HTML sayfası) yazıp sadece internal_request.PHP 'den option etiketlerini bastırınca bu bahsettiğim sorun çıkıyor. Sonuç itibariyle HTML sayfamda olması gereken kodlar aynı ama sonuç farklı.

Senin söylediğin gibi de denedim, sonuç değişmiyor malesef.
Sağol...

[metadige]

Arkadaşım ilgili kodları eklersen bir fikir verebiliriz belki

[mow]

evet aynı problemle bende karşılaştım ve hiç js bilmediğimden 1 saat kadar nerde problem diye arandım, çözüm olarakta sadece option taglarını değil, select taglarıyla beraber hepsini echo ladım çözüm bu yani.

aşağıdakileri yapmışım zamanında sanırım tek değişiklik getproducts() fonksiyonuna bir tane selected değişkeni koymuştum.

PHP Code:

if(intval($_REQUEST["data"])!=0){
    $query = mysql_query("SELECT * FROM cities WHERE country = '".intval($_REQUEST["data"])."' ORDER BY name ");
    echo'<select name="cityNew" class="input">';
    while($fetch=mysql_fetch_array($query)){
        if($_REQUEST["sel"]==$fetch["id"]){
            echo'<option value="'.$fetch["id"].'" SELECTED>'.htmlspecialchars($fetch["name"]).'</option>';
        } else {
            echo'<option value="'.$fetch["id"].'">'.htmlspecialchars($fetch["name"]).'</option>';
        }
    }
    echo'</select>';
} else {
    echo'Lütfen bir ülke seçiniz...';
} 


/* The following function creates an XMLHttpRequest object... */

function createRequestObject(){
	var request_o; //declare the variable to hold the object.
	var browser = navigator.appName; //find the browser name
	if(browser == "Microsoft internet Explorer"){
		/* Create the object using MSIE's method */
		request_o = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		/* Create the object using other browser's method */
		request_o = new XMLHttpRequest();
	}
	return request_o; //return the object
}

/* You can get more specific with version information by using 
	parseInt(navigator.appVersion)
	Which will extract an integer value containing the version 
	of the browser being used.
*/
/* The variable http will hold our new XMLHttpRequest object. */
var http = createRequestObject(); 

/* Function called to get the product categories list */
function getProducts(selected){

	/* Create the request. The first argument to the open function is the method (POST/GET),
		and the second argument is the url... 
		document contains references to all items on the page
		We can reference document.reg.select_category_select and we will 		
		be referencing the dropdown list. The selectedIndex property will give us the 
		index of the selected item. 
	*/
	http.open('get', 'irq.PHP?sel='+selected+'&data='+document.reg.countryNew.value);
	/* Define a function to call once a response has been received. This will be our
		handleProductCategories function that we define below. */
	http.onreadystatechange = handleProducts; 
	/* Send the data. We use something other than null when we are sending using the POST
		method. */
	http.send(null);
}

/* Function called to handle the list that was returned from the internal_request.PHP file.. */
function handleProducts(){
	/* Make sure that the transaction has finished. The XMLHttpRequest object 
		has a property called readyState with several states:
		0: Uninitialized
		1: Loading
		2: Loaded
		3: Interactive
		4: Finished */
	if(http.readyState == 4){ //Finished loading the response
		/* We have got the response from the server-side script,
			let's see just what it was. using the responseText property of 
			the XMLHttpRequest object. */
		var response = http.responseText;
		/* And now we want to change the product_categories <div> content.
			we do this using an ability to get/change the content of a page element 
			that we can find: innerHTML. */
		document.getElementById('product_cage').innerHTML = response;
	}
}

onLoad="getProducts('.intval($_POST["cityNew"]).');"

	<tr>
		<td  align="left" width="200">
		&nbsp;&nbsp;<b>Bulunduğunuz Ülke :</b>
		</td>
		<td  align="left">
			<select name="countryNew" class="input" onChange="getProducts();">
			<option value="0"> Seçiniz...
			<option value="205"> Türkiye
			<?=getBoolData("countries",'',$_POST["countryNew"]);?>
			</select>
			
		</td>
	</tr>
	<tr>
		<td  align="left" width="200">
		&nbsp;&nbsp;<b>Bulunduğunuz Şehir :</b>

		</td>
		<td  align="left">
			<div id="product_cage">
			Lütfen bir ülke seçiniz...			
			</div>
		</td>
	</tr>

[Scud]

forumda "il ilçe" diye aratırsan ilgili bişeyler bulabilirsin sanırım