Related questions

Setting A $_GET Value From A Previously Defined Variable - PHP

2022-05-07 01:46 paulo_cam imported from Stackoverflow

I have a search form in the header of every page on a site that submits info to another page when undertaking a search query via the form's action attribute, namely a page called search.php and it takes the value of the search <input> field and stores it as a variable called searchQuery. Using PHP this searches a MySQL database. All of this works as expected.

I would like the value of the search input field to be placed in the URL of the page the search is processed on, again namely search.php.

I understand from other questions on SO that you can't add variables to a form's action attribute. If I add the key of the query string in the action attribute, the form still works OK:

action="search.php?keyword="

From this I thought I would be able to then set the $_GET value on the search.php page by using:

if(isset($_POST['search-submit'])) {

    // make this variable available before HTML output
    $searchQuery = htmlspecialchars($_POST['search']);

    $_GET['keyword'] = $searchQuery;
}

This however does not work, although it doesn't throw any errors in my PHP error logs.

Because I'm running the script on specific page allocated by the action attribute, I don't think I need to use a $_SESSION variable?

HTML Form

Here is the form that is on every page in the header

<form action="search.php?keyword=" method="POST">
    <label for="search">Enter Search</label>
    <input type="search" name="search" id="search">
    <button type="submit" name="search-submit" id="search-submit">Search</button>
</form>

1 answer

  • answered 2022-05-07 17:41 The Chewy

    In your form set the method to GET, remove the query string from the action attribute so it is just search.php, change the name on the search input field to keyword and remove the name on the submit button.

    <form action="search.php" method="GET">
    <label for="search">Enter Search</label>
    <input type="search" name="keyword" id="search">
    <button type="submit" id="search-submit">Search</button>
</form>

    Then in your search.php page, change your initial code to the following:

    if(isset($_GET['keyword'])) {
    // make this variable available before HTML output
    $searchQuery = htmlspecialchars($_GET['keyword']);
} else {
    header("Location: index.php"); // use whatever page is your home page or preferred page to redirect to
}

    And then in your search query make sure the $_GET value is set:

    if(isset($_GET['keyword'])) {

    // run your search query using the $searchQuery variable

}

How many English words
do you know?
Test your English vocabulary size, and measure
how many words do you know
Online Test
Powered by Examplum

See also questions close to this topic

  • How to upload a video using ACF in WordPress?

    I am still at learning phase in WordPress. I cannot figure out in ACF which field type should I choose to upload a video file and which code should I write to show it at the front-end. Please look into the below code. I am using the_field('') but it isn't working. Can anyone help

                    <video width="954" height="535" controls class="tm-mb-40">

                    <source src="video/wheat-field.mp4" type="video/mp4">   
                      
                    Your browser does not support the video tag.

                </video>
  • delete a table form a database using laravel command

    i need to delete a database table using laravel artisan command . not like this command php artisan migrate:rollback --step=5

    i need to create like this route or controller code .

    Route::get('/clear/database', function () {

        Artisan::call('cache:clear');
    return redirect('/');

    });

    . i also try public function dd()

    {
    Schema::drop('table_name');
}

    but it not working . gives me error like this SQLSTATE[23000]: Integrity constraint violation: 1451 Cannot delete or update a parent row: a foreign key constraint fails (SQL: drop table table_name)

    no foreign key for the table . what should i do ?

    thanks in advance!

  • Creating Sticky Navbar with Drop Down Menu HTML

    I am creating a HTML web page which contains a sticky navbar with drop down menu. However, when I created one, the dropdown menu does not works in the sticky navbar and so goes vise versa. below is the screenshot of both the result of the two codes.

    *image with dropdown menu but without sticky navbar

    *image with sticky navbar but without dropdown menu

    below is the code for "image with dropdown menu but without sticky navbar"

        <!DOCTYPE html>
    <html>
    <head>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-    awesome/4.7.0/css/font-awesome.min.css">
    <style>
    body {margin:0;font-family:Arial}

   .topnav {
    overflow: hidden;
    background-color: #333;
  }

  .topnav a {
    list-style-type: none;
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    position: sticky;
  }



  .active {
    background-color: #04AA6D;
    color: white;
  }

  .topnav .icon {
    display: none;
  }

  .dropdown {
    float: left;
    overflow: hidden;
  }

  .dropdown .dropbtn {
    font-size: 17px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
  }

  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }

  .dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
  }

  .topnav a:hover, .dropdown:hover .dropbtn {
    background-color: #555;
    color: white;
  }

  .dropdown-content a:hover {
    background-color: #ddd;
    color: black;
  }

  .dropdown:hover .dropdown-content {
    display: block;
  }

  @media screen and (max-width: 600px) {
    .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
    .topnav a.icon {
      float: right;
      display: block;
    }
  }

  @media screen and (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
    .topnav.responsive .dropdown {float: none;}
    .topnav.responsive .dropdown-content {position: relative;}
    .topnav.responsive .dropdown .dropbtn {
      display: block;
      width: 100%;
      text-align: left;
    }
  }
  </style>
  </head>
  <body>
        <div class="header">
        <h2>Scroll Down</h2>
    <p>Scroll down to see the sticky effect.</p>
  </div>

  <div class="topnav" id="myTopnav">
    <a href="#home" class="active">Home</a>
    <a href="#news">News</a>
    <a href="#contact">Contact</a>
    <div class="dropdown">
      <button class="dropbtn">Dropdown 
        <i class="fa fa-caret-down"></i>
      </button>
      <div class="dropdown-content">
        <a href="#">Link 1</a>
        <a href="#">Link 2</a>
        <a href="#">Link 3</a>
      </div>
    </div> 
    <a href="#about">About</a>
    <a href="javascript:void(0);" style="font-size:15px;" class="icon"     onclick="myFunction()">&#9776;</a>
  </div>

  <div style="padding-left:16px">
    <h2>Responsive Topnav with Dropdown</h2>
    <p>Resize the browser window to see how it works.</p>
    <p>Hover over the dropdown button to open the dropdown menu.</p>
  </div>

  <h3>Sticky Navigation Bar Example</h3>
  <p>The navbar will <strong>stick</strong> to the top when you reach its scroll position.</p>
  <p><strong>Note:</strong> Internet Explorer do not support sticky positioning and Safari         requires a -webkit- prefix.</p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>


  <script>
  function myFunction() {
    var x = document.getElementById("myTopnav");
    if (x.className === "topnav") {
      x.className += " responsive";
    } else {
      x.className = "topnav";
    }
  }
  </script>

  </body>
  </html>

    below is the code for "image with sticky navbar but without dropdown menu"

    <!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-    awesome/4.7.0/css/font-awesome.min.css">
<style>


body {
  font-size: 20px;
}
body {margin:0;}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px 20px;
  text-decoration: none;
}

li a:hover {
  background-color: #111;
}
    
/*======================================================================*/

body {
  background-color:white;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #38444d;
}

li {
  float: left;
}

li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
    
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
}


footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;
}

</style>
</head>
<body>

<div class="header">
  <h2>Scroll Down</h2>
  <p>Scroll down to see the sticky effect.</p>
</div>

<ul>
  <li><a href="#home">Home</a></li>
    <li><a href="#news">News</a></li>
    <li class="dropdown">
      <a href="javascript:void(1)" class="dropbtn">Dropdown</a>
      <div class="dropdown-content">
        <a href="#">Link 1</a>
        <a href="#">Link 2</a>
        <a href="#">Link 3</a>
      </div>
    </li>
</ul>

<h3>Sticky Navigation Bar Example</h3>
<p>The navbar will <strong>stick</strong> to the top when you reach its scroll position.</p>
<p><strong>Note:</strong> Internet Explorer do not support sticky positioning and Safari requires a -webkit- prefix.</p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>


<footer>
  <p>Author: Hege Refsnes<br>
  <a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>


</body>
</html>

    Please i need some help with this as i am new to html and css.

  • How to clear user uploaded images if the limit of files exceeded in jquery

    I have a simple form where a user can upload multiple images. I only want the user to upload 4 images at once, so I did the following:

    $("#myfile").on("change", function() {
    if ($("#myfile")[0].files.length > 4) {
        alert("You can select only 4 images");
    } 
});
    <input type="file" id="myfile" class="form-control" name="pimage[]" multiple="multiple">

    This gives an alert when the user uploads more than 4 images but doesn't stop them from submitting the form.

    Can anyone please tell me how to clear the user uploaded images if the limit exceeds or disable the submit button?

  • How do I set default alignment for horizontal controls in Bootstrap-UI 3 for CakePHP 4?

    This is a particularly obscure question about the Boostrap-UI plugin for CakePHP but I'm hoping someone might be able to help.

    I’m using Bootstrap-UI (https://github.com/FriendsOfCake/bootstrap-ui) version 3.0, so using Bootstrap 4.6.

    I’m trying to create a form that has controls that are aligned horizontally with their labels using the example from the readme here -

    enter image description here

    This works fine except I can’t see how to define the default column distribution ie so that the classes for the label and the control container are something like col-4 and col-8 without any breakpoint defined.

    If I try something like -

                  'align' => [
                'left' => 4,
                'middle' => 8,
              ]

    The classes created are col-md-4 and col-md-8 ie it seems to default to md as the breakpoint for the columns.

    I know this is a bit obscure but does anyone have any idea how to do what I want?

  • 422 Error when using httr for uploading data to batchPrediction API (data robot)

    Disclaimer:
    This error is related to a subscription-based tool and hence the issue is likely not going to be reproducible for any reader. Nevertheless, any suggestions on http request might still help me debug the issue faced.

    Objective:
    I am trying to upload a CSV dataset to DataRobot's batch prediction API, having deployed a model for it.

    Context and issue:

    • DataRobot requires 2 requests to be made in order to upload a CSV dataset for scoring by the deployed model: a POST request, and a PUT request
    • I am able to send a POST request successfully
    • However, sending the PUT request returns a Client error(402): Unprocessable entity (RFC4918)
    • Specifically, the error states Detected 263 extra values in row 3 than the no. of columns in header. Could be due to improperly quoted values or wrong encoding
    • I checked the CSV format and the CSV intake settings (default) at the API end point - all of them match
    • I even tried uploading the same CSV file manually via GUI - it works seamlessly...

    Possible clues to solution?

    • I kept ~10 rows with only 3 columns (original dataset has 200+) and tried uploading. This led to a successful upload although the subsequent scoring did not take place given missing columns.
    • I feel maybe I am incorrectly specifying my PUT request, so any guidance is much appreciated!
    library(httr)
post_req <- POST(batch_api_url, 
add_headers(.headers = c(Authorization = "Bearer xxxxxx")), 
body = list(deploymentID = ID, passthroughColumnsSet = "all"), 
verbose())
# Works...

put_req <- PUT(batch_api_url, 
add_headers(.headers = c(Authorization = "Bearer xxxxxx",
"content-type" = "text/csv; encoding=utf-8", 
"content-size" = filesize)),
body = list(input_file = upload_file(filepath, "text/csv"), to_json = F),
encode = "multipart", verbose())
# 422 error if I use all 200+ columns; but succeeds in uploading if I use a reduced dataset (3-4 columns only)
  • Add body to luasocket POST request with generic form?

    From https://w3.impa.br/~diego/software/luasocket/http.html, there are two ways to make a request, simple and generic. I have gotten the body to work with the simple method. However, when I add an LTN12 source to the generic method, an empty body is sent to the server.

    http.request(url [, body])

http.request{
  url = string,
  [sink = LTN12 sink,]
  [method = string,]
  [headers = header-table,]
  [source = LTN12 source],
  [step = LTN12 pump step,]
  [proxy = string,]
  [redirect = boolean,]
  [create = function]
}

    This works:

    http.request("http://localhost:56218/sendState", "at=" .. AT)

    This doesn't:

        local reqbody = "hi"
    local respbody = {} 
    local  body, code, headers, status = http.request {
      url = "http://localhost:56218/sendState",
      source = ltn12.source.string(reqBody),
      headers = {
        ["content-length"] = string.len(reqbody)
      }
      sink = ltn12.sink.table(respbody)
  }

    When I try to read the body of the above line of code in my server, it is empty. What am I doing wrong?

  • suggestions on fulltext search or already existing search algorithms

    Can someone suggest how to solve the below seach problem easily, I mean is there any algorithm, or full text search will be suffice for this?

    There is below classification of items data,

    ItemCategory        ItemCluster     ItemSubCluster      SubCluster  Items
Vegetable       Root vegetables     Root            WithOutSkin potato, sweet potato, yam
Vegetable       Root vegetables     Root            WithSkin    onion, garlic, shallot
Vegetable       Greens          Leafy green     Leaf        lettuce, spinach, silverbeet
Vegetable       Greens          Cruciferous         Flower      cabbage, cauliflower, Brussels sprouts, broccoli
Vegetable       Greens          Edible plant stem   Stem        celery, asparagus

    The inputs will be some thing like,

    sweet potato, yam Yam, Potato garlik, onion lettuce, spinach, silverbeet lettuce, silverbeet lettuce, silverbeet, spinach

    From the input, I want to get the mapping of the input items those belongs to which ItemCategory, ItemCluster, ItemSubCluster, SubCluster.

    Any help will be much appreciated.

  • Efficiently and constantly reorganize searchable data based on access frequency

    I want to be able to organize data for efficiency and constantly update the order of that data based on frequency of access, relevancy, and accuracy.

    For example, given a list L:

    L = [1, 'apple', 'dog', $2.99, 'Jim', 'carrot', 'peach', 5, $7.49, 'Susan', 'Cat']

    If a user searches for the integer 1, then peach, then 5 I'd like the list to reorganize itself based on all previous searches like so:

    L = [1, 5, $2.99, $7.49, 'peach', 'apple', 'carrot', 'dog', 'Jim', 'Susan', 'Cat']

    Giving priority to any exact matches, any data with numbers as those were searched more frequently, then fruit, food, and everything else maintaining its previous order.

    I've considered using an intensity weight as the key inside a dictionary instead:

    L = {10:1, 9:5, 8:$2.99, 7:$7.49, 6:'peach', 4:'apple', 3:'carrot', 2:'dog', 1:'Jim', 0:'Susan', 0:'Cat'}

    And then updating the keys with different weights.

    What will likely work better for my needs is something dictionary/json related as my dataset is greater than 500,000 data points and growing. Storing the data in a different manner that doesn't require loading the entire dataset into memory for every search would also be helpful.

  • turn an object into a request in c#

    My Model, example:

    public class Obj
    {
        public Obj()
        { }
        public int? IdRestricao { get; set; }
        public int? IdTipoRestringido { get; set; }
        public string CodRestringido { get; set; }
        public string NomeRestringido { get; set; }
        public int? IdTipoRestricao { get; set; }
        public string CodRestricao { get; set; }
        public string NomeRestricao { get; set; }
        public DateTime? PeriodoInicio { get; set; }
        public DateTime? PeriodoFim { get; set; }
        public int? IdStatus { get; set; }
    }

    Request

    www.url.com.br?IdRestricao=1&IdTipoRestringido=2&CodRestringido=3&NomeRestringido=4&IdTipoRestricao=5&CodRestricao=6&NomeRestricao=7&PeriodoInicio=8&PeriodoFim=9

    code:

    var model = obj.*tostring()*// 
something like    
var request = new RestRequest($"/api/{**model**}", Method.GET);
  • Data from BackEnd to Frontend

    In my backend (node.js) when i receive a certain MQTT message, my program execute a query to retrive some data from DB, in order to put it in a collection, an now my goal is to exchange this collection with the frontend. Is this possible?