[MOD] Placeholder v1.0.0

Sierowski

[MOD] Placeholder v1.0.0
May 13, 2012 08:39PM

Registered: 3 years ago
Posts: 15

Sphider v1.3.5 Modification
---------------------------

Name And Version
----------------

[MOD] Placeholder v1.0.0

Description
-----------

This mod will add a placeholder to your search box. and be removed
when it loses focus.

01. replace the following code from search_form.html with the code from code1.txt

<input type="text" name="query" id="query" size="40" value="<? print quote_replace($query);?>" action="include/js_suggest/suggest.php" columns="2" autocomplete="off" delay="1500">

02. Add the code from code2.txt to the header file. Somewhere between <head> AND </head>

03. Copy placeholder.js to the include folder.

CODE1.TXT

<input type="text" name="query" id="query" size="40" value="<?php print quote_replace($query);?>" action="include/js_suggest/suggest.php" columns="2" autocomplete="off" delay="1500" placeholder="Search" onfocus="cph(this.id);" onblur="aph(this.id);">

CODE2.TXT

<script language="javascript" src="include/placeholder.js" type="text/javascript"></script>

PLACEHOLDER.JS

function aph(elID) {
    if(document.getElementById(elID)) {
        var el = document.getElementById(elID);
		console.log(el);
		var pH = el.getAttribute('placeholder');
		console.log(el.getAttribute('placeholder'));
        if(pH !== 'undefined' && el.value == '') {
            el.value = pH;
            el.className += 'placeheld';
        }
    }
}
function cph(elID) {
    if(document.getElementById(elID)) {
        var el = document.getElementById(elID);
		console.log(el);
		var pH = el.getAttribute('placeholder');
        if(pH !== 'undefined' && el.value == pH) {
            el.value = '';
            el.className = el.className.replace('placeheld','');
        }
    }
}
var myElIDs = ['myinput','myinput2'];
console.log(myElIDs);
for(var i in myElIDs) {
    if(document.getElementById(myElIDs)) {
		console.log(document.getElementById(myElIDs));
		aph(myElIDs);
    }
}