JavaScript - Modify Javascript Site Search Code?

I need help making it possible for the prefixes to be available when the post is being Modify? The user have to go back and change their prefixes to ended after they get the result for the outcome of the buy, sell, trade. When I hit Modify the prefix box was no longer available.

It is on the subject line when I hit modify:
Example. I have a thread title "Testing" and I chose Buy prefix when I started the thread. When I hit Modify, the prefix box is no longer available but the subject does say Buy:Testing. I would have to go and delete the Buy from the subject and manually type Ended.

And also each prefixes a specific color if that's possible (i.e., Buy , Sell , Trade , Ended )

The prefix box now is below the subject line. I would love for it to be next to the subject line like in this forum. THANKS!

<script type='text/javascript'>
/* Add prefixes to posts*/

var prefixes = ['Buy:','Sell:','Trade:','Ended:'];
if( new RegExp('post$','i').test( this.location.href ))
{
document.postForm.nextaction.nextSibling.disabled = true;
var Tab = document.postForm.subject.parentNode.parentNode.parentNode;
var iRow = Tab.insertRow(2);
var iCell;
iCell = iRow.insertCell(0);
iCell.className = 'windowbg';
var Font = document.createElement('font');
Font.size = 2;
Font.appendChild( document.createTextNode('Prefixes:') );
iCell.appendChild( Font );
iCell = iRow.insertCell(1);
iCell.className = 'windowbg';
var Select = document.createElement('select');
Select.id = 'preprepre';
Select.options[0] = new Option('Choose prefix');
for( var s = 0 ; s < prefixes.length ; s ++ )
Select.options[s+1] = new Option(prefixes[s]);
iCell.appendChild( Select );
function checkpre(event)
{
if( document.getElementById('preprepre').selectedIndex == 0 )
document.postForm.nextaction.nextSibling.disabled = true;
else
document.postForm.nextaction.nextSibling.disabled = false;
}
function addpre(event)
{
document.postForm.subject.value = document.getElementById('preprepre').options[ document.getElementById('preprepre').selectedIndex ].innerHTML+document.postForm.subject.value;
}
if(document.addEventListener)
{
document.getElementById('preprepre').addEventListener('change',checkpre,false)
document.postForm.addEventListener('submit',addpre,false);
}else{
document.getElementById('preprepre').attachEvent('onchange',checkpre);
document.postForm.attachEvent('onsubmit',addpre);
}
}
</script>

I am trying for a javascript code that would ask for the excel file location when run, fetch data from two columns till eof in an excel file (MS Excel 2010), append it to an existing text file and upload the plain text file to an ftp location.

The ftp username, password and location needs to be hard coded in the script.

Is this possible?

hello, I got this javascript code to avoid bots to fill out with trash the forms I have in my website:

<script type="text/javascript">
var a = Math.ceil(Math.random() * 10);
var b = Math.ceil(Math.random() * 10);
var c = a + b
function DrawBotBoot()
{
document.write("Cuanto es "+ a + " + " + b +"? ");
document.write("<input id='BotBootInput' type='text' maxlength='2' size='2'/>");
}
function ValidBotBoot(){
var d = document.getElementById('BotBootInput').value;
if (d == c) return true;
return false;

}
</script>

<P>Are you human?<br />

<script type="text/javascript">DrawBotBoot()</script>

<P>
<INPUT id="Button1" name="SUBMIT" TYPE="SUBMIT" VALUE="ENVIAR" onclick="alert(ValidBotBoot());"/>
<INPUT name="RESET" TYPE="RESET" VALUE="BORRAR">

My problem is that the form sends itself even if you dont type the correct answer, I would like to Validate first and then allow me to send the form after validation.

You can see the form he http://www.futuros.com/mercados_calientes.html
feel free to play with it, i know is the only way to actually see what i'm trying to accomplish.

Thanks,
Alan

Hey guys, wondering if anyone can help me.

My JS knowledge is pretty non-existent.


Basically I am currently using this code for a day countdown:

Code:

<script>

//change the text below to reflect your own,
var before=""
var current=""
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

function countdown(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var futurestring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(futurestring)-Date.parse(todaystring))/(24*60*60*1000))*1)
var dstring=difference.toString()
if (difference==0)
document.write(current)
else if (difference>0){
document.write("")
for (i=0;i<=dstring.length-1;i++)
document.write('<img src="/c'+dstring.charAt(i)+'.png">')
document.write('<img src="/days.png">'+before)
}
}
//enter the count down date using the format year/month/day
countdown(2011,08,17)
</script>

I like this script because it outputs in images. As you can see in my site at: http://www.bigbrothersite.co.uk/ (in the header)

My question is, can that script above be adapted so it also works as a count up script.

For example, from the 17th of august, can i somehow adapt it so i can use it to count up the days?

Any help please.

Thanks!

I'm trying to create a form where the user enters data in a field and is redirected to a URL based on that entry - example: user enters 1234 and he is directed to mypage.com/1234/index.htm - if that folder does not exist it would give a 'try again' error.

Any help would be greatly appreciated
Thanks in advance
Cyber-guys

Edit: Problem solved.

I have a page that open two frames. Second frame, most of the page, is empty. First frame contains a form that retrieves user input, when you click the button, it send that input back to the original parent html, which detects the GET parameters, and builds a custom URL.

I want to then load that custom URL in the 2nd empty frame. I figure I need to modify the src atttribute of the 2nd frame in the frameset, but I can't make it work.

Code:

<frameset id='parent' rows='10%,90%'>
    <frame id='frm1' src='./form.html' />
    <frame id='frm2' src='' />
</frameset>
<script>modFrmSrc();</script>

where modFrmSrc() checks for the GET values, builds the URL, and then tries to load the URL in frm2.

Is there a way to get this done?

First off please forgive my ignorance, as I am very new to coding. I hope that I have posted this in the right place.

I found a great piece of code that I would like to use for my site search. I found it he

http://www.javascriptkit.com/script/...e_search.shtml

Here is what I am attempting to do.
I would like this piece of code to search all three of my domains, if this is possible.

I would like to use this search box on all three of my websites, if this is possible.

If you look at this site:
www.kennedyassassinationresearch.com

I would like to keep the look similar to what it is now, and use this code in the upper right corner of the header, where the black search box is now.

Is any of this possible?

the code I located is:
Code:

<form name="jksearch" action="http://www.google.com/search" method="get" onSubmit="jksitesearch(this)">

<p>Search JavaScript Kit:<br />
<input id="hiddenquery" type="hidden" name="q" />
<input name="qfront" type="text" style="width: 200px" value="navigator object" /> <input type="submit" value="Search" /><br />
<div style="font: bold 11px Verdana;">Google:<input name="se" type="radio" checked> *Yahoo:<input name="se" type="radio"> *MSN:<input name="se" type="radio">
</div>

<script type="text/javascript">

// All-in-one Internal Site Search script- By JavaScriptKit.com (http://www.javascriptkit.com)
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// This notice must stay intact for use

//Enter domain of site to search.
var domainroot="www.javascriptkit.com"

var searchaction=[ //form action for the 3 search engines
"http://www.google.com/search",
"http://search.yahoo.com/search",
"http://search.msn.com/results.aspx"
]

var queryfieldname=["q","p","q"] //name of hidden query form for the 3 search engines

function switchaction(cur, index){
cur.form.action=searchaction[index]
document.getElementById("hiddenquery").name=queryfieldname[index]
}

function jksitesearch(curobj){
for (i=0; i< document.jksearch.se.length; i++){ //loop through radio to see which is checked
if (document.jksearch.se[i].checked==true)
switchaction(document.jksearch.se[i], i)
}
document.getElementById("hiddenquery").value="site:"+domainroot+" "+curobj.qfront.value
}


</script>

</p>

</form>

<p style="font: normal 11px Arial">This free script provided by<br />
<a href="http://www.javascriptkit.com">JavaScript Kit</a></p>

Any help is greatly appreciated, as this is a learning experience for me, and this has me quite confused.

Thanks!

Is it possible to make a simple site search where if someone types in an exact keyword then they are taken directly to another page on the site. So the results page is skipped entirely? It's only for a personal site so I can skip directly to a page easily just by typing a keyword in a search box.

Hope you understand what I mean. And thanks.

I'm trying to add an internal site search to my website, and it only work for some search items, not for everything. For example, if I search for Bud Light, Budweiser, Bud Light Lime, it finds them. But if I search for Stella Artois, Paulaner, or Hoegaarden, it doesn't find anything. I'm thinking there's something wrong with the javascript code, I'm just not sure how to fix it. I really appreciate any help with this!!!

Here's the code in the head region:

[<script type="text/javascript">

// Google Internal Site Search script- By JavaScriptKit.com (http://www.javascriptkit.com)


// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// This notice must stay intact for use
//Enter domain of site to search.
var domainroot="www.mhdbud.com"
function Gsitesearch(curobj){
curobj.q.value="www.mhdbud.com:"+domainroot+" "+curobj.qfront.value
}

</script>]

Here's what I've got in the body:

[<form action="http://www.google.com/search" method="get" onSubmit="Gsitesearch(this)">


<input name="q" type="hidden" />
<input name="qfront" type="text" style="width: 180px" /> <input type="submit" value="Search" />
</form>

You can try the site search to see what I'm talking about on this webpage:
http://www.mhdbud.com/productsalt.html]

I used the Google Internal Site Search script for my site but its search only the index.htm, how can I make it search the entir web site.

hello all

i'm almost newbie to Javascript.

i found this for instant search :

demo : http://www.johnboy.com/scripts/insta...-php/index.php

index.php
PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Instant Search With Arrow Key Navigation Using jQuery and PHP</title> 

<script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="search.js"></script> 

<script> 

    //arrow key navigation 
    $(document).keydown(function(e){ 

        //jump from search field to search results on keydown 
        if (e.keyCode == 40) {  
            $("#s").blur(); 
              return false; 
        } 

        //hide search results on ESC 
        if (e.keyCode == 27) {  
            $("#results").hide(); 
            $("#s").blur(); 
              return false; 
        } 

        //focus on search field on back arrow or backspace press 
        if (e.keyCode == 37 || e.keyCode == 8) {  
            $("#s").focus(); 
        } 

    }); 
    // 


 $(document).ready(function() { 

    //clear search field & change search text color 
    $("#s").focus(function() { 
        $("#s").css('color','#333333'); 
        var sv = $("#s").val(); //get current value of search field 
        if (sv == 'Search') { 
            $("#s").val(''); 
        } 
    }); 
    // 

    //post form on keydown or onclick, get results 
    $("#s").bind('keyup click', function() { 
        $.post("results.php", //post 
            $("#search").serialize(),  
                function(data){ 
                    //hide results if no more than 2 characters 
                    if (data == 'hide') { 
                        $('#results').hide(); 
                    } 

                    //show results if more than 2 characters 
                    if (data != 'hide') { 
                        $("#results").html(data); 
                        if (data) { 
                            $("#results").show(); 
                        } 
                    } 
            }); 
    }); 
    // 

    //hide results when clicked outside of search field 
    $("body").click(function() { 
        $("#results").hide(); 
    }); 
    // 

}); 


</script> 

<link href="style.css" rel="stylesheet" type="text/css" /> 

</head> 

<body> 

<h1>Instant Search Using jQuery & PHP</h1> 

<h2>Example keywords (website, jquery, php, launch)<br /> 
  <br /> 
</h2> 

<form id="search" name="search" method="post" action="" autocomplete="off"> 
  <input name="s" type="text" id="s" value="Search" /> 
  <div id="results"></div> 
</form> 


<br /> 
<br /> 
<br /> 

<a href="http://www.johnboy.com/blog/tutorial-instant-search-with-arrow-key-navigation-using-jquery-and-php">Back to Article &amp; Source Code</a> 


</body> 
</html> 



results.php
PHP Code:
<?php  

require_once('mysql_connect.php');  

//only show results if two or more characters have been typed - max of 50 characters 
$len = strlen(str_replace(" ","",$_POST[s])); //don't count blank spaces 
if ($len < 3 || $len > 50) { 
    echo 'hide'; die; 
} 
// 

//get results if search string is longer than 3 characters 
if ($len > 3) { 

    record_set('results', 
        " 
            SELECT news_title, news_heading,  
            MATCH (news_title,news_text) AGAINST ('".strip_tags($_POST[s])."*' IN BOOLEAN MODE) AS ranking  
            FROM jbp_blog_articles  
            WHERE MATCH (news_title,news_text) AGAINST ('".strip_tags($_POST[s])."*' IN BOOLEAN MODE)  
            AND news_type = 1 
            ORDER BY ranking DESC  
            LIMIT 0,8 
        "); 
} 


?> 

<ul> 
<!--display user's initial search term--> 
    <li><a class="link" href="#" title="<?php echo $_POST[s]; ?>"><?php echo "$_POST[s]"; ?></a></li> 
<!---->     

    <?php if ($totalRows_results) do { ?> 
    <li><a class="link" href="/blog/<?php echo $row_results[news_heading]; ?>" target="_blank" title="<?php echo $row_results[news_title]; ?>"><?php echo "$row_results[news_title]"; ?></a></li> 
    <?php } while ($row_results = mysql_fetch_assoc($results)); ?> 
</ul>

search.js
PHP Code:
/*
* Author:      Marco Kuiper (http://www.marcofolio.net/)
* Customizations by JBP noted in comments below
*/

var currentSelection = 0;
var currentUrl = '';


    // Register keydown events on the whole document
    $(document).keydown(function(e) {
        switch(e.keyCode) { 
            // User pressed "up" arrow
            case 38:
                navigate('up');
            break;
            // User pressed "down" arrow
            case 40:
                navigate('down');
            break;
            // User pressed "enter"
            case 13:
                if(currentUrl != '') {
                    window.location = currentUrl;
                }
            break;
        }
    });
    
    // Add data to let the hover know which index they have
    for(var i = 0; i < $("#results ul li a").size(); i++) {
        $("#results ul li a").eq(i).data("number", i);
    }
    
    // Simulate the "hover" effect with the mouse
    $("#results ul li a").hover(
        function () {
            currentSelection = $(this).data("number");
            setSelected(currentSelection);
        }, function() {
            $("#results ul li a").removeClass("search_hover");
            currentUrl = '';
        }
    );


function navigate(direction) {

    // Check if any of the menu items is selected
    if($("#results ul li .search_hover").size() == 0) {
        currentSelection = -1;
    }
    
    //JBP - focus back on search field if up arrow pressed on top search result
    if(direction == 'up' && currentSelection == 0) {
        $("#s").focus();
    }
    //

    if(direction == 'up' && currentSelection != -1) {
        if(currentSelection != 0) {
            currentSelection--;
        }
    } else if (direction == 'down') {
        if(currentSelection != $("#results ul li").size() -1) {
            currentSelection++;
        }
    }
    setSelected(currentSelection);
}

function setSelected(menuitem) {

    //JBP - get search result to place in search field on hover
    var title = $("#results ul li a").eq(menuitem).attr('title');
    $("#s").val(title);
    //

    $("#results ul li a").removeClass("search_hover");
    $("#results ul li a").eq(menuitem).addClass("search_hover");
    currentUrl = $("#results ul li a").eq(menuitem).attr("href");
} 


style.css
PHP Code:
#search {
    position:relative;
    display:block;
    height:35px;
    width:500px;
    padding: 0px;
    margin: 0px auto 0px auto;
}

#results {
    border:1px solid #CCCCCC;
    width:500px;
    display:none;
    z-index: 300;
    line-height:0;
    margin-top:-3px;
    margin-left: 0px;
}
#results ul {
    list-style:none;
    padding:0px;
    margin:0px;
}
#results ul li {
    background-color:#FFFFFF;
    text-align: left;
}
#results ul li:hover {
    background-color:#EBEBEB;
}
#results ul li a {
    line-height:20px;
    text-decoration:none;
    padding: 5px;
    display: block;
    color: #333333;
}
.search_hover { 
    background-color:#EBEBEB!important; 
    color:#232323!important; 
}
body {
    padding: 50px;
    text-align: center;
    background-color: #FFFFFF;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
}
body a {
    text-decoration: none;
}
#s {
    outline:none;
    width: 480px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    color: #CCCCCC;
    z-index: 200;
    position: relative;
    height: auto;
}
.go {
    padding: 9px;
    font-weight: bold;
    width: 60px;
    margin-left: -4px;
    border: 0px solid #CCCCCC;
    height: auto;
    font-size: 16px;
    background-color: #F7F7F7;
}
h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    padding: 0px;
    margin-bottom: 10px;
    font-size: 30px;
    color: #333333;
}
h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    padding: 0px;
    font-size: 12px;
    color: #999999;
    margin: 0px;
    font-style: italic;
    font-weight: normal;
} 



now i just want to edit one thing, when you search for something, results are shown under the search field, when you click on each result, goes to a link.
i want when clicking on a result, not going to link, just show that result string on the search field.

could you please tell how to do it?

where should i edit in script?

thanks in advanced

Hiya,

For school we programmed a game in JavaScript. We uploaded it to the school site (http://graphics.cs.wisc.edu/Courses/...spacewars.html) where it works the way it should. (In Firefox; other browsers don't work as well.)

However, I'm trying to upload the exact same code to my own website (http://www.tessaverbruggen.nl/Games/...spacewars.html), where for some reason it refuses to run and instead crashes the browser. To me it seems like it's stuck in some sort of while-loop. If I run it locally, it works fine (once again, in Firefox, after changing some settings in Firefox).

I program regularly, but I rarely do things web-related. So all the website related stuff was done by others. Which means I have absolutely no idea where to even start debugging. Theoretically it shouldn't be anything in the code as it's the exact same code, and it also runs locally...

Could it be some setting on my website/server? If not, what could it possibly be/where should I look?

Thanks!

Hello! I am trying to create a javascript code in which I prompt the user for a number (an integer from 0 to 100) to search for, then search a function with the number they entered and then display whether the number was found, and if found, a location where it can be found within the list. Can you please tell me what is wrong?


<html>
<head>
</head>
<body>

<script language = "javascript">


var list = new Array(200);
for (var i=0; i < 200; i++){
list=Math.round(Math.random()*100) + " ";
document.write(list);
}

var value=prompt("What is the number you are searching for? ", " ");
if (list[i]==value){
{alert("Number has been found in location" +i)};
}

</script>
</body>
</html>


Thank you

Currently I'm trying to modify OOTB code for a search box.

I'm not sure if this is best addressed within the JavaScript or CSS.

After a search term has been typed in, the users picks a match which opens in a new window, then they close the new window, and try to back space over the typed term, there is a white bar that remains below the text entry box.

For example, if the word bathroom is typed in the text box, a list of possible matching topics is displayed. You pick the option to Where is the bathroom?. This opens a new window/tab - just close the tab. The original search box still displays the term bathroom, but if you backspace to remove the term, then a white bar remains below the text entry box.

How do I get rid of the white bar when the text entry box is empty?

The code being used is shown below - attachment shows the problem as it appears in IE and FF:

A temporary page with the search box.

Code:

<style type="text/css">
                            
        
        /* autosuggest css */
/* the look of the overlay div with results */
        #la_results { 
           border: 1px solid #bbb;
            border-color: #bbb #6f6f6f #6f6f6f #bbb;
            border-top: 0;
            -moz-box-shadow: 3px 3px 8px #444;
            -webkit-box-shadow: 3px 3px 8px #444;
            -moz-border-radius-bottomright: 5px;
            -moz-border-radius-bottomleft: 5px;
            -webkit-border-bottom-right-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
            background: #fff;

        }

        /*the two divs below control the look and feel of individual results, which show up as LI elements in the overlay div */
        #la_results ul {  list-style-type: none; margin:0; padding:0; font:normal 11px Geneva, Arial, Helvetica, sans-serif;}
        #la_results ul li a {    display: block; text-decoration:none; padding:3px    }

        .itemwhite { background-color:#fff;} /* the color of the "white" stripe in the results div */
        .itemcol { background-color:#efefef;} /* the color of the "color" stripe in the results div */

        #la_results li a:hover {    background-color: #f8bb49;} /*the color of the hover effect when the user goes thru the results */

        /* the class below controls the font and the look of the "more search/full text search stripe */
        .itemsrch {color:#cc3333;font:bold 11px Geneva, Arial, Helvetica, sans-serif; background-color:#FFFFCC;} 

        .nwylf { color:#900;} /* "not what you are looking for?" text color */
        &lt;/style&gt;

<!-- start of LA widget -->
<div id="la_wrapper" style="width:500px;background-color:#F3f3f3;margin:0;padding:6px;border: solid 1px #a9cee7;">
    <p>Type a question:</p>
    <input type="text" id="la_suggest" style="display:block; margin-top: 6px; width: 100%; height: 24px; font-size: 14px" onFocus="document.getElementById('la_results')[removed]=''" onKeyUp="if (this.value) {laFQM(this.value)} else {document.getElementById('la_results')[removed]=''}" value="" >

    <div id="la_results" style="padding-top: 2px; font-family: Helvetica, Arial, sans-serif; font-size:11px; position:absolute; margin-top:0px; width:500px; border: solid 1px #ccc;display:none"></div>
</div>

<script language="javascript">var lahilite="efefef"; var lanw=1;</script>
<script language="javascript" src="http://api.libanswers.com/api/ladata-32.js"></script>

Thanks much.