What is the purpose of this "javaScript:;"in hyperlink? [duplicate] - javascript

This question already has answers here:
What is href=javascript:;
(8 answers)
Closed 5 years ago.
What is the purpose of javascript:; in the href attributes of the hyperlinks?
<div data-trigger="spinner" id="spinner">
<span id="spinner-value"></span>
<input type="hidden" value="1" data-spin="spinner" data-rule="quantity" data-max="10">
-
+
</div>

the attribute href="javascript:;" is used to remove the behavior from the link.
If you would use eg. href="", the webpage would reload when you click the link. But with href="javascript:;" nothing will happen.
Later a script adds an event handler that will be executed when clicking this link.
EDIT: You need a or button elements as they are the semantic representatives for clickable objects.

To prevent links from refreshing webpage/redirecting you once clicked.

the purpose of "javascript:;" have save meaning with "javascript:void(0)"
Read here : javascript void functions

Related

JavaScript script to inset data from page to modal [duplicate]

This question already has answers here:
Thymeleaf attribute and modal
(3 answers)
Closed 4 years ago.
I know, that this question was asked many many times, but i try and code not working.
This function must parse data from my
<a id="dep-modal-pic" class="edit_dep modal-trigger" href="#modal3" th:attr="data-dep_id=${department.id}"> and put dep_id to modal input.
var bookId not working. when i give fixed value to this var it is work, but in my thymeleaf template every new field is new value because
<tr th:each="department : ${departments}">
<td class="dep_id" th:text="${department.id}">1</td>
<td th:text="${department.name}"></td>
</tr>
So, please, can you correct my code? I cant sleep, all day making this thing and still not working.
I need value dep_id to modal input
<input id="ids" name="ids" value="" type="text" class="validate">
$('#modal3').click(function(e) {
var bookId = $(e.relatedTarget).data('dep_id');
$(e.currentTarget).find('input[id="ids"]').val(bookId);
});
The click handler should be attached to #dep-modal-pic, something like:
$('#dep-modal-pic").click(...)
Update:
This is a duplicate of Thymeleaf attribute and modal
Please check my answer on the other post which is more clear

Can't change button innerHTML with JS [duplicate]

This question already has answers here:
How to use getElementsByClassName in javascript-function? [duplicate]
(3 answers)
What do querySelectorAll and getElementsBy* methods return?
(12 answers)
Closed 4 years ago.
I can't find a way to change the string "FIND NOW" into something else.
I have tried for hours
<button type="submit" class="qbutton default" style="">FIND NOW</button>
I tried something like this:
<script>
document.getElementsbyClassName('.button.qbutton.default').innerHTML('change it!');
</script>
Could someone help please?
Use document.querySelector('button.qbutton.default') as querySelector() will allow you to select the particular element based on the selector and not list of elements. Also you need to use button as selector and not .button and make sure the script is after the body element to get the HTML rendered properly first.
document.querySelector('button.qbutton.default').innerHTML = 'change it!';
<button type="submit" class="qbutton default" style="">FIND NOW</button>

How to make the links in Javascript code nofollow [duplicate]

This question already has answers here:
window.open() add a rel="nofollow" attribute
(3 answers)
Closed 5 years ago.
I want to make the links in this javascript code nofollow. Please help me how to do that.
<img src="https://example.png/>
According to https://developer.mozilla.org/en-US/docs/Web/API/Window/open you can add a third parameter in the window.open method that is a comma separated string with name value pairs - but rel is not supported...
Seems like html may be a good option.
<a href="www.example.com" rel="nofollow" target="_blank" >Link</a>
If you need to do this from js you could trigger a click on the link.

Document.write JavasScript [duplicate]

This question already has answers here:
How to make HTML open a hyperlink in another window or tab?
(9 answers)
Closed 8 years ago.
How do I transform the first section of this document.write code into a popup link? Note the first part says "<a href=\"\/popups\/fed_budget.asp\"><img src=\"http:\/images\/video_graphic.jpg\, etc. How do I change that button link (video_graphic.jpg) to a popup instead of taking me to a different page? This is what I currently have:
document.write("<td width=\"251px\"><a href=\"\/popups\/fed_budget.asp\"><img src=\"http:\/images\/video_graphic.jpg\" alt=\"Video Graphic\" \/><\/a><\/td>");
document.write("<td style=\"padding-top:30px; padding-left:10px; padding-right:10px\">");
document.write("<b class=\"blue_text\">Recent News<\/b><br \/><br \/>");
document.write("<strong><a href=\"\/news\/newshub\/articles\/federal_budget_2014.asp\">Your Federal Budget Update<\/a> <\/strong> <b class=\"blue_text\">New<\/b><br \/>");
document.write("Read our run-down on the super side of this year's Budget.<br \/><br \/><br \/>");
document.write("<strong><a href=\"\/news\/newshub\/articles\/EOFY_Tips_tricks.asp\">EOFY tips and tricks<\/a><\/strong> <b class=\"blue_text\">New<\/b><br \/>");
document.write("Six strategies to help you get your super in shape.<br \/><br \/>");
document.write("<\/td>");
document.write("<\/tr>");
document.write("<\/table>");
Popup link? Did you mean open it in a new tab ?
Just add attribute target="_blank" to the a tag.
Something like:
<a target="_blank" href="..."><img src="..." /></a>
Ps.: Avoid using document.write
target=“_blank” vs. target=“_new”
HTML <a> target Attribute
If opening the link in another window is what you mean by "popup," the simplest thing for you to do would be to add a target attribute to your link, so it looks like this:
<img src="http://images/video_graphic.jpg" alt="Video Graphic"/>
If, instead, you want to open this in a simplified new window, you'll have to use a JavaScript click handler that calls window.open:
...
Oh, and I'd parrot the whole "don't use document.write ever" philosophy.

jQuery: replace text inside link? [duplicate]

This question already has answers here:
change html text from link with jquery
(7 answers)
Closed 7 years ago.
I have the following html structure:
<div class="event tiny">
Something
</div>
And I want to replace the text of this link with "Anything" …
When doing this …
$('.event a').replaceWith("Anything");
… the text is replaced but also the link is gone.
When doing this … 
$('.event a').text().replaceWith("Anything");
… nothing happens.
Like this, if the new text is all the same.
$('.event a').text("Anything");
jQuery loops over the a elements, and replaces its content with the "Anything" text.
These suggestions, for setting the inner text & URL link within a a href didn't work for me (using JQuery v1.8.3)
Here's what did work though:
HTML
<a id="hrefAnalysisName" ></a>
JavaScript
$("a#hrefAnalysisName").attr("href", "/SomePage/ShowAnalysisDetails.aspx");
$("a#hrefAnalysisName").text("Show analysis");
Hope this helps!
You could also change the link by href if it's related to the URL.
$('a[href="/whatever"]').text("Anything");
You are able to get this result the next ways result will be the same:
HTML
<div class="event tiny">
<a class="html" href="/whatever">Something</a></br>
<a class="text" href="/whatever">Something</a></br>
<a class="replaceWith" href="/whatever">Something</a>
</div>
JS
$('.event a.html').html('Anything-html')
$('.event a.text').text('Anything-text')
$('.event a.replaceWith').replaceWith('<a class="replaceWith" href="/whatever">Anything-replaceWith</a>')

Categories