I have just installed a bootstrap theme and want to link one of the page titles to an external site. This is the section of the code that I can see where the page is. Can anybody help me bounce this title to an external URL?
<li class="">Release Notes</li>
<li class="">Google</li>
Bonus: to open in a new tab, use target="_blank"
<li class="">Google</li>
Related
I've a menu that contains this content:
<div class="menu">
<ol>
<li data-target="home" >hello</li>
<li data-target="contact" >Contact</li>
<li data-target="policy_privacy" >Privacy</li>
</ol>
</div>
when I'm in the home page the anchors working well (#home, #contact), but if I'm on privacy_policy page, and try to go to home page, nothing happen. How can I detect in some way if I'm not in home page (which contains the anchors) and redirect the user to the home?
If adding separate markup for the privacy_policy page in which you can add the link of the homepage in the anchor tag seems not easy then you should
try something like this.
if (window.location.href.includes("privacy_policy")) {
document.querySelector('#home').href = "https://somesite.com";
}
I am having trouble getting my mailto link working on this landing page. I have been googling and still have not found an answer why a simple mailto link is not working using Bootstrap.
I am trying to get the "Contact us" link in the top right menu to open a mail window and the "Refer now" link needs to go to an anchor tag lower in the page, code below. Webpage can be viewed at: website code
<div class="col-xs-10 text-right menu-1 main-nav">
<ul>
<li class="active">BENEFITS</li>
<li class="active">REQUIREMENTS</li>
<li class="active">CONTACT US</li>
<li><input type="submit" class='contact-button' value="REFER NOW" onclick="window.location.href='mailto:surveyorhr#carf.org'"></li>
<!-- For external page link -->
<!-- <li>External</li> -->
</ul>
</div>
Any help would be appreciated.
It seems strange to use an input type submit button for a mail link – those certainly are not made for mail links – apart from that any submit button would only work in the context of a form, i.e. inside a form element.
I would recommend to use a regular link and style it as a button using CSS.
(BTW: This has nothing to do with Bootstrap)
Currently you have some js running in main.js that is manipulating click events and preventing default browser behavior. If you remove the class "main-nav" from the div that contains your mailto link it begins to function again. Based on that I would revaluate your use cases in that js file.
the links on the homepage navbar is an easy scroll when click on it it moves the page the the section with id, but i need the user when they are on any other page not the homepage and click on any links on the navbar, it return back to the homepage and move to the section.
This code doesn't work for me.
How we Work
Try to remove the / before your URL
How we Work
This / is going to the root of your folder. I guess your using relative path, so this should fix the issue.
In your webpage you have this code within "tracking.html":
<h2>About Us</h2>
<ul class="discover triangle hover row">
<li class="col-xs-12">About EvisaXpress</li>
<li class="col-xs-12">Our Team</li>
<li class="col-xs-12">How We Work</li>
</ul>
This is linking to the current page, i.e. "tracking.html". Write instead
How We Work
and you should be fine.
The difference is that in your page this is called:
http://evisax.com/tracking.html#how-we-work
whereas this is what you want to call:
http://evisax.com/index.html#how-we-work
Removing scrolling.js from the Tracking.html file and everything works fine.
I have used bootstrap nav nav-pills nav-justified
and i have 7 of these
<li>Form</li>
I have been able to click on form which will re-direct to the form page, but I can't seem to return to my home page without clicking back on the browser. I want to be able to just click on the Home button which i've included as part of my 7 <li>s I mentioned earlier. Also i would like to be able jump onto each page from the navbar tab.
<div class="header">
<div class="container">
<ul class="nav nav-pills nav-justified">
<li><a href "#">Home</a></li>
<li><a href "#">About</a></li>
<li><a href "#">JavaScript</a></li>
<li><a href "#">JQuery</a></li>
<li>AngularJS</li>
<li><a href "#">API</a></li>
<li>Form</li>
<li><a href "#">Contact</a></li>
</ul>
</div>
</div>
So from that above, when i click on form, im on the form page, but i cannot go back to the homepage(index.html) unless i click back on the browser, i wanna be able to link to all the lists by clicking each other.
Consider using Ajax to load different pages dynamically (with association with jQuery it said to be simpler to use) for the desired behavior or put everything on the single page and show content only when user clicks the link by JS and CSS.
As soon as you use Bootstrap elements you probably have jQuery already included in your project.
Useful links:
jQuery Ajax
Hiding elements with CSS
Check this page jQuery.get there is a very demonstrative example
$.get("demo_test.asp", function(data, status)
{
alert("Data: " + data + "\nStatus: " + status);
});
where data - data received from the server. It should be your html code to replace the content.
To insert data use:
$.('#Content').html(data); //id="Content" is from the comment
if you do this in a local host and you created these files as i find out when you click on the home you get 404 page the only thing that you have to do is to link your homepage file to the home button if i'm wrong comment me and explain your problem more and then i will help you.
I am trying to set a link in the body copy of html mailto and i cant seem to get the link to work... here is my code [1]: http://jsfiddle.net/jsavage/5pZr7/
for some reason the link doesnt show up and not sure what I am doing wrong. Any help would be greatly appreciated! Thanks!
<li id="grey-contactus-icon"><a href= "mailto:info#3cheers.com?subject=info&body=The application beta launch will occur the week of May 28, 2013. You will be able to sign up then. If you would like us to contact you when the site is live, please click "href='http://experience.maritzmotivation.com/MoreInfo3Cheers'>here</a></li>
Refer this: MailTo with HTML body
It is not possible to have html in the body of the email if you to generate it using mailto
Well, you can just write the url as the part of the email. Most of the modern mail-clients will automatically recognise it.
<li id="grey-contactus-icon">Click to send email</li>
You have another href starting within the href text.
remove the following:
href='http://experience.maritzmotivation.com/MoreInfo3Cheers'
Here it is fixed:
<li id="grey-contactus-icon">here</li>
jsFiddle Fixed:
http://jsfiddle.net/5pZr7/1/
EDIT - FIXED --- TWO OPTIONS, LOOK AT CODE BELLOW
Two options:
1) with an email and an html link inside it:
<li id="grey-contactus-icon"><a href= "mailto:info#3cheers.com?subject=info&body=The 3Cheers application beta launch will occur the week of May 28, 2013. You will be able to sign up then. If you would like us to contact you when the site is live, please click <a href="http://experience.maritzmotivation.com/MoreInfo3Cheers">this link</a>">
Html Link</a></li>
2) with an email with no html link inside it (should work in most email clients this way!)
<li id="grey-contactus-icon"><a href= "mailto:info#3cheers.com?subject=info&body=The 3Cheers application beta launch will occur the week of May 28, 2013. You will be able to sign up then. If you would like us to contact you when the site is live, please click <a href="http://experience.maritzmotivation.com/MoreInfo3Cheers">this link</a>">
Pure Link</a></li>
updated fiddler:
http://jsfiddle.net/5pZr7/8/
EDIT 2 - mailto url encoded link
<li id="grey-contactus-icon">try this </li>