[MOD] Placeholder v1.0.0 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); } } By David Sierowski http://www.sphider.eu/forum/read.php?3,9411,9411#msg-9411 Wed, 19 Jun 2013 09:35:56 +0300 Phorum 5.2.10 http://www.sphider.eu/forum/read.php?3,9411,9411#msg-9411 [MOD] Placeholder v1.0.0 http://www.sphider.eu/forum/read.php?3,9411,9411#msg-9411 ---------------------------

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);
    }
}

By David Sierowski]]> Sierowski Sphider Mods Sun, 13 May 2012 20:39:16 +0300