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>
Related
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.
I am using Twitter Bootstrap for a project.
I have a widget type list-group, which is a list of elements that are used for navigation.
For some reason I can't make those links to work. Although the correct link appears when hovering, they don't take me there.
I created a fiddle to ilustrate the problem.
Can anyone help?
Regards.
When you specify http in the link it will not work in an https site.
Have a look at Bootstrap's documentation for list-group. When I put your links into a UL, things seem to work:
<ul class="list-group">
<li><a
href="http://www.google.com"
class="list-group-item active"
>External link not working</a></li>
<li><a
href="#my_local_anchor"
class="list-group-item active">
Internal link not working
</a> </li>
</ul>
I checked the internal link and it worked when yo use your anchor as an ID
<h1 id="my_local_anchor">
And the external link worked when I added:
<a href="https://www.google.com" target="_blank">
Which opens the link in a new tab which is usually better as your website will keep a presence in the users browser
Never put http protocols in the href for many reasons, one of which the protocol might be the wrong one ! (http vs https).
As for the internal link it is working properly in the JSfiddle once you actually create an element with that id.
Plus the list group should be in a LIST not a bunch of divs
I need to grab the link from certain link to perform crawling however I can't extract the link from the html no matter how many time I rewrite the xpath. Hence, I'm not able to find a way to extract the link from it. Please give some suggestion to me to solve the problem.
This is the html code for the link that I'm gonna to extract the link from:
<div class="" id="subject1" datacallname="主题_同类主题" params="{'catid':'12','sid':'336'}" isload="1" style="">
<ul class="rail-list">
<li>
<cite class="start0" style="height:16px;">
</cite>
<a href="http://www.gorate.com.my/item-386.html">the Library # Leisure Ma
</a>
</li>
how I can extract the link "//*[#id="subject1"]/ul/li[1]/a/#href" and the website
I gonna to scrape the link form : http://www.gorate.com.my/item-336.html#.Vhx55BOqqkr
Is there a way to link to a form using only HTML/CSS? I am still a beginner in web dev and have not yet started on JavaScript or JQuery.
So what I want to do is,
<div>
<ul>
<a href="??" target="_parent">
<li class="toggle1">Guest</li>
</a>
<a href="??">
<li class="toggle2">Owner</li>
</a>
</ul>
</div>
...in the tags in the I want to link to a form which has elements like First name, Last name etc, such that when I click on "Guest" the form for the guest should appear and likewise for "Owner"
There is! Make the href tags to #guestform and #ownerform. Then, make each form's id attribute those values (guestform and ownerform). This looks like so:
<div>
<ul>
<a href="#guestform">
<li class="toggle1">Guest</li>
</a>
<a href="#ownerform">
<li class="toggle2">Owner</li>
</a>
</ul>
</div>
<form id="guestform">...</form>
<form id="ownerform">...</form>
Then, in the css, do the following:
form {
display:none;
}
form:target {
display:block;
}
Hope this helped you!
EDIT: As sdcr said, the a tag should be inside the li, and not the other way around for it to be semantically correct. It should be like this instead
<div>
<ul>
<li class="toggle1">
Guest
</li>
<li class="toggle2">
Owner
</li>
</ul>
</div>
I may have misinterpreted your answer based on the lack of information given.
If you don't care who the end user is, and make both forums accessable to them no matter if they're a guest or owner, you'd simply create another HTML document and link to that document (provided that your web server can serves "static" content).
For instance, say you created another file called owner_form.html and somewhere within the body, you had:
<form>
...
</form>
From your index.html you could link to owner_form.html via a <a> tag like this:
... Contents that will redirect you
(old answer)
No, this is not possible in only HTML and CSS. Not even (securely & validly) with JavaScript.
HTML and CSS don't have the ability to differentiate the client using the page on their own. And JavaScript can't securely do this either.
You should look into server-side programming. This is where the magic would happen for you. You can try many different frameworks / scripting languages that have web-server functionality to them, for instance, some of the popular ones are:
Ruby on Rails
PHP
NodeJS
Django
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>