Topic: html & php blokda bazı script kodları çalışmıyor.

[tc bolubeyi]

Code: [Select]

<style type="text/css">
.sel {
font-family:verdana;
font-size:9px;
color:#000000;
background-color:#EEEEEE;
width:170px;
border-style:solid;
border-width:1px;
padding-left:5px;
}

.txt {
font-family:verdana;
font-size:9px;
color:#000000;
background-color:#FFFFCF;
width:170px;
}

.btn {
font-family:verdana;
font-size:9px;
border-style:solid;
border-width:1px;
border-color:#000000;
width:75px;
margin:1px;

}

#mResults {
font-family:verdana;
font-size:9px;
color:#000000;
text-align:left;
margin-top:5px;
background-color:#EEEEEE;
width:170px;
height:40px;
border-style:solid;
border-color:#C0C0C0;
border-width:1px;
padding:2px;
clear:both;
}

h1 {
font-family:verdana;
font-weight:bold;
font-size:9pt;
}

hr {
background-color:#000000;
height:1px;
border-style:none;
width:170px;
text-align:left;
}

pre {
background-color:#CACACA;
border-style:solid;
border-width:1px;
border-color:#000000;
padding:10px;
font-size:9px;
font-family:verdana;
}
</style>
<script language="javascript">
var links = new Array();
var categories = new Array();
var searchFilter = "Any";

function init() {
initLinks();
buildCategoryArray();
selectHeight = categories.length + 1;
links.sort();
drawSelect();
buildCategoryList();
}

function initLinks() {
// name, links, category
links[0] = new Array("Aylin","http://www.spinabifidaturkey.com/smf/index.php?board=123.0","Kız çocuklarımız");
links[1] = new Array("Bahanur","http://www.spinabifidaturkey.com/smf/index.php?board=215.0","Kız çocuklarımız");
links[2] = new Array("Berfin Ece","http://www.spinabifidaturkey.com/smf/index.php?board=280.0","Kız çocuklarımız");
links[3] = new Array("Berra","http://www.spinabifidaturkey.com/smf/index.php?board=27.0","Kız çocuklarımız");

}

function drawSelect() {
mHTML = "<select name=\"lists\" class=\"sel\" size=" + selectHeight + ">";
for(i=0;i<links.length;i++) {
if(searchFilter == "Any") {
mHTML+="<option title=\"test\" value=\"" + links[i][1] + "\">" + links[i][0] + "</option>";
} else {
if(links[i][2] == searchFilter)mHTML+="<option value=\"" + links[i][1] + "\">" + links[i][0] + "</option>";
}
}
mHTML+="</select>";
document.getElementById("mContainer").innerHTML = mHTML;
}

function narrowList(searchString) {
resultsFound = 0;
searchString = searchString.toLowerCase();
mHTML = "<select size=" + selectHeight + " class=\"sel\" name=\"lists\">";
found=false;
partialStringMatching = document.forms[0].psm.checked;
for(i=0;i<links.length;i++) {
zLink = links[i][0].toLowerCase();
if((partialStringMatching && zLink.indexOf(searchString)>-1) || (zLink.indexOf(searchString) == 0 && (links[i][2] == searchFilter || searchFilter == "Any"))) {
found=true;
resultsFound++;
mHTML+="<option value=\"" + links[i][1] + "\">" + links[i][0] + "</option>";
}
}
mHTML+="</select>";
if(found)document.getElementById("mContainer").innerHTML = mHTML
showResults(resultsFound,searchString);
}

function showResults(zResultsFound,zSearchString) {
zHTML = "";
zHTML += "<b>" + zResultsFound + "</b> bölüm";
if(zSearchString != "") zHTML += " for search term <b>" + zSearchString + "</b>";
zHTML += " var <b>" + searchFilter + "</b>";
if(zResultsFound==0) zHTML+=" so listing what was found.";
document.getElementById("mResults").innerHTML = zHTML;
}

function buildCategoryArray() {
for(i=0;i<links.length;i++)if(!existsInArray(categories,links[i][2])) categories[categories.length] = links[i][2];
categories.sort();
}

function buildCategoryList() {
zHTML = "<select size=" + selectHeight + " name=\"cats\" class=\"sel\" onClick=\"handleCategoryClick(this.value);\">";
zHTML += "<option value=\"Any\">Any</option>";
for(i=0;i<categories.length;i++) zHTML+="<option value=\"" +categories[i] + "\">" + categories[i] + "</option>";
zHTML+= "</select>";
document.getElementById("nContainer").innerHTML = zHTML;
}

function existsInArray(arrayToCheck,valueToCheck) {
for(z=0;z<arrayToCheck.length;z++)if(arrayToCheck[z] == valueToCheck) { return true; break; }
return false;
}

function handleCategoryClick(sValue) {
searchFilter = sValue;
drawSelect();
narrowList(document.forms[0].searchText.value);
}

function handleClear() {
document.forms[0].searchText.value="";
narrowList("");
}

function handleGoClick() {
if(document.forms[0].lists.value)location.href = document.forms[0].lists.value;
}
</script>

Bu kodlar html & php bloklarına ekleyince işlevini görmüyor. Yapılabilecek bir şey var mı?
kodlar head tagları arasında.

[TheKenZo]

Css olarak başlayıp Jsp olarak devam ediyorsun bence normal calışması

Yerinde olsam

Css leri style.css ye eklerim

dosyam.js

Code: [Select]

<script language="javascript">
var links = new Array();
var categories = new Array();
var searchFilter = "Any";

function init() {
initLinks();
buildCategoryArray();
selectHeight = categories.length + 1;
links.sort();
drawSelect();
buildCategoryList();
}

function initLinks() {
// name, links, category
links[0] = new Array("Aylin","http://www.spinabifidaturkey.com/smf/index.php?board=123.0","Kız çocuklarımız");
links[1] = new Array("Bahanur","http://www.spinabifidaturkey.com/smf/index.php?board=215.0","Kız çocuklarımız");
links[2] = new Array("Berfin Ece","http://www.spinabifidaturkey.com/smf/index.php?board=280.0","Kız çocuklarımız");
links[3] = new Array("Berra","http://www.spinabifidaturkey.com/smf/index.php?board=27.0","Kız çocuklarımız");

}

function drawSelect() {
mHTML = "<select name=\"lists\" class=\"sel\" size=" + selectHeight + ">";
for(i=0;i<links.length;i++) {
if(searchFilter == "Any") {
mHTML+="<option title=\"test\" value=\"" + links[i][1] + "\">" + links[i][0] + "</option>";
} else {
if(links[i][2] == searchFilter)mHTML+="<option value=\"" + links[i][1] + "\">" + links[i][0] + "</option>";
}
}
mHTML+="</select>";
document.getElementById("mContainer").innerHTML = mHTML;
}

function narrowList(searchString) {
resultsFound = 0;
searchString = searchString.toLowerCase();
mHTML = "<select size=" + selectHeight + " class=\"sel\" name=\"lists\">";
found=false;
partialStringMatching = document.forms[0].psm.checked;
for(i=0;i<links.length;i++) {
zLink = links[i][0].toLowerCase();
if((partialStringMatching && zLink.indexOf(searchString)>-1) || (zLink.indexOf(searchString) == 0 && (links[i][2] == searchFilter || searchFilter == "Any"))) {
found=true;
resultsFound++;
mHTML+="<option value=\"" + links[i][1] + "\">" + links[i][0] + "</option>";
}
}
mHTML+="</select>";
if(found)document.getElementById("mContainer").innerHTML = mHTML
showResults(resultsFound,searchString);
}

function showResults(zResultsFound,zSearchString) {
zHTML = "";
zHTML += "<b>" + zResultsFound + "</b> bölüm";
if(zSearchString != "") zHTML += " for search term <b>" + zSearchString + "</b>";
zHTML += " var <b>" + searchFilter + "</b>";
if(zResultsFound==0) zHTML+=" so listing what was found.";
document.getElementById("mResults").innerHTML = zHTML;
}

function buildCategoryArray() {
for(i=0;i<links.length;i++)if(!existsInArray(categories,links[i][2])) categories[categories.length] = links[i][2];
categories.sort();
}

function buildCategoryList() {
zHTML = "<select size=" + selectHeight + " name=\"cats\" class=\"sel\" onClick=\"handleCategoryClick(this.value);\">";
zHTML += "<option value=\"Any\">Any</option>";
for(i=0;i<categories.length;i++) zHTML+="<option value=\"" +categories[i] + "\">" + categories[i] + "</option>";
zHTML+= "</select>";
document.getElementById("nContainer").innerHTML = zHTML;
}

function existsInArray(arrayToCheck,valueToCheck) {
for(z=0;z<arrayToCheck.length;z++)if(arrayToCheck[z] == valueToCheck) { return true; break; }
return false;
}

function handleCategoryClick(sValue) {
searchFilter = sValue;
drawSelect();
narrowList(document.forms[0].searchText.value);
}

function handleClear() {
document.forms[0].searchText.value="";
narrowList("");
}

function handleGoClick() {
if(document.forms[0].lists.value)location.href = document.forms[0].lists.value;
}
</script>
index.template.php içine ise


Code: [Select]

<script language="JavaScript" type="text/javascript" src="dosyam.js"></script>

[tc bolubeyi]

deneyeceğim. ilgin için teşekkür ederim.