Develop Reference

Autocomplete a field from URL

My URL is something like this: www.website.com/referral456
In the checkout page of my ecommerce I have a referral field that users have to manually complete with the referral number (in that case 456).
How this field could autocomplete itself directly from the URL?

Just get the current url or param passed (if your app has a router etc).
Then just strip all but the numbers from the string:
<?php
$_SERVER['REQUEST_URI'] = '/referral456';
$value = basename($_SERVER['REQUEST_URI']);
echo preg_replace('/[^0-9]/', '', $value); //456
Then populate the field with it.
https://3v4l.org/F17g6

window.onload = function(){
var param = this.href.substr(this.href.lastIndexOf('/') + 1);
document.getElementById('input#userInputField').value=param;
}

Try this
window.onload = function(){
var getRefId = location.href.split('/')[1].replace('referral','');
document.getElementById('input#refId').value = getRefId ;
}

You could get the url using location.href divide it using split(), and selecting the second element (1) that is referral454654654, then, using replace() you replace referral part with nothing. At the end you have only the number in refId. Here the example:
window.onload = function(){
var refId = location.href.split('/')[1].replace('referral','');
document.getElementById('input#refId').value = refId;
}

How can I put something at the end of the URL using jQuery upon clicking a dropdown? [duplicate]

Is there is a way how to add hash # to my URL without redirect?

window.location.hash = 'something';
That is just plain JavaScript.
Your comment...
Hi, what I really need is to add only the hash... something like this: window.location.hash = '#'; but in this way nothing is added.
Try this...
window.location = '#';
Also, don't forget about the window.location.replace() method.

For straight HTML, with no JavaScript required:
Add '#something' to URL
Or, to take your question more literally, to just add '#' to the URL:
Add '#' to URL

window.location.hash = 'whatever';

Try this
var URL = "scratch.mit.edu/projects";
var mainURL = window.location.pathname;
if (mainURL == URL) {
mainURL += ( mainURL.match( /[\?]/g ) ? '&' : '#' ) + '_bypasssharerestrictions_';
console.log(mainURL)
}

change part of the url text and reload page

Is there a way to make an a tag link that includes part of the current url?
I would use it to change language but stay on the current page!
If I am on:
www.mysite.com/contact
and I press on:
<a>FR</a>
the generated link would be:
www.mystie.com/fr/contact
Kind regards

Try this:
HTML:
FR
Now get the url from javascript
$("#myLink").click(function(e){
e.preventDefault();
var url = document.url; // get current page url
url = url.substr(0, url.indexOf('/')); // get substring from url
url += "/" + $(this).attr("href"); // add href of a tag to url
window.location.href = url; // locate the page to url
});

you can try with some like
function changeLng(lang) {
// remove language '/fr/' or '/es/' if exists
var path = window.location.pathname.replace(/\/[a-z]{2}/, '');
// reload the page same url with the lang prefix
window.location.href = '/' + lang + path;
}
the link can be
FR
ES
EN
this converts any url to lang specific, sample
/contact to /fr/contact
/about to /fr/about
update
for remove the lang part is simple
function removeLng() {
// remove language
var path = window.location.pathname.replace(/\/[a-z]{2}/, '');
window.location.href = path;
}

Window.Open causing issue when URL doesnot contain http

I have a textbox where the user can enter URL and button named Check link. On clicking button, a new window should be opened with the URL entered by the user. If i enter URL as "http://google.com" then window.open('http://google.com'); is working fine but if i enter "www.google.com" then it is appending to the current window url (http://localhost:1234www.google.com) which is not a valid url. How to make this work?
Thanks in advance

Check & prepend
if (!/^(http:|https:)/i.test(url))
url = "http://" + url;

try this:
function f(url) {
if (url.indexOf("http://") == -1) {
url = "http://" + url;
}
window.open(url);
}

If your question is "How do I test if a string starts with 'http://' and if not prepend it?" then something like this:
var url = "somestring.com"; // as set from your textbox
if (0 != url.toLowerCase().indexOf("http"))
url = "http://" + url;
It would be wise to trim leading and trailing spaces before doing this test, but I'll leave that as an exercise for the reader...

Add a onclick button function and handle the text in that.
function checkLink() {
var url = document.getElementById("textbox-id").value;
if(url.substr(0,7) != "http://") {
alert("Invalid URL! Please make it like http://myurl.com");
return false;
}
}

Javascript error

Error: Permission denied for sitename to get property Location.href from sitename.
I have an iframe in a webpage. This iframe has Click here to register link that redirects to the new window webpage. I am getting the above error when click here is clicked.
Please help in this issue.
<a href="javascript:openEventReg()" is called when click here is selected
<script>
function openEventReg()
{
username=document.getElementById('username').value;
var id = gup( 'id' );
var eventname;
return ("/registration/eventregister.php?event=testing&uname="+username);
}
function gup( name )
{
name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
var regexS = "[\\?&]"+name+"=([^&#]*)";
var regex = new RegExp( regexS );
var results = regex.exec( parent.location.href );
if( results == null )
return "";
else
return results[1];
}
</script>

This is the intended behaviour in modern browsers. Frames are not allowed to access their parents in any way unless they reside on the same domain. This is done in an attempt to prevent cross-site scripting attacks.

put your redirect function in your main html. On click just call parent.funcName().