Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 1 year ago.
Improve this question
Anchor tag with type button and btn-primary class is not working in MacOS safari but same code is working fine in chrome , edge browser
<a class="btn btn-primary " style="border-radius: 25px;" type="button" href="#" <i class="fa fa-download" aria-hidden="true"></i>> Download Client</a>
MACOS safari browser
chrome browser
please suggest me the right way to implement the tag with bootstrap
Remove the type="button" and it should work.
<a class="btn btn-primary" style="border-radius: 25px;" href="#">
<i class="fa fa-download" aria-hidden="true"></i> Download Client
</a>
Happy coding!
Related
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 2 days ago.
Improve this question
im trying to make a song player for my project and i encountered a problem where my button doesnt work when clicked, how do i fix this?
heres the coding i followed from a youtube video:https://youtu.be/JtrFzoL1joI 19:01
`<audio controls id="song">
<source src="DOOR S ELEV SONG.mp3" type="audio/mpeg">
</audio>
<br>
<center>
<input type="range" value="0" id="progress"></input>
<br>
<br>
<br>
<div class="controls">
<div><i class="fa-solid fa-backward"></i> </div>
<div onclick="playPause()"><i class="fa-solid fa-play" id="ctrlIcon"></i> </div>
<div><i class="fa-solid fa-forward"></i> </div>
</div>
</div>
</div>
</div>
<script>
let progress = document.getElementById("progress");
let song = document.getElementById("song");
let ctrlIcon = document.getElementById("ctrlIcon");
song.onloadedmetadata =function(){
progress.max=song.duration;
progress.value=song.currentTime;
}
function playPause(){
if(ctrlIcon.classlist.contains("fa-pause")){
song.pause();
ctrlIcon.classlist.remove("fa-pause");
ctrlIcon.classlist.add("fa-play");
}
else{
song.play();
ctrlIcon.classlist.add("fa-pause");
ctrlIcon.classlist.remove("fa-play");
}
}
</script>`
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 2 years ago.
Improve this question
Here is my html:
<div id="activities-area" class="col col-12 bg-light full-height">
<div class="activity-row">
<button type="button" class="btn btn-primary btn-lg btn-block activity-button">Some sort of activity</button>
</div>
<div class="activity-row">
<button type="button" class="btn btn-primary btn-lg btn-block activity-button">Some sort of activity</button>
</div>
All I am trying to do is inject further instances of the class activity-row into the <div id="activity-area">.
So, when another <button> is clicked I want to grab the html associated with that <button>. Lets say:
'<div class="activity-row"><button type="button" class="btn btn-primary btn-lg btn-block activity-button">Some sort of activity</button></div>'
and all I want to do is append it to the content already in the #activity-area div.
Have tried things like:
$("#activity-area").append("<markup here>")
to no avail. Would appreciate any assistance, please, on how to add html to that div id. Thank you.
You have a typo on your Jquery for your id selector:
Jquery code: $("#activity-area")
The actual id is activities-area not activity-area so it should be $("#activities-area") instead.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 8 years ago.
Improve this question
This is the code I currently have, that opens the link in the same page. I want to modify this to make it open in a new tab.
<div class="big-button" ">
<input type="submit" value="Link name" />
</div>
Use target="_blank" in your anchor
Use this :
<div class="big-button" ">
<input type="submit" value="Link name" />
</div>
I think you need this
<a href='URL' target='_blank'>xyz</a>
Give the your url as href attribute and give target attribute as _blank. It will open in new window
<input type="button" value="Click Me!" onclick="window.open('http://google.com')" />
Hint:
target="_blank" is not validate W3C.
Use this code in a tag:
onclick="window.open(this.href); return false;"
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I have two buttons (both working btw..I just need to change the appearance of them to match)
First button opens a print preview page, the second button opens the web browser print dialogue screen. I want to change the second button to match the first.
Is there anyway I can use a HREF on the second button and use an onclick...so it will use the same template for the button instead of fixing this through css?
First Button:
<div style="width:100%; text-align:right">
<a href='#Url.Action("Index", "Route", new { id = Id })'>
<button>Print Preview</button>
</a>
</div>
looks like:
second button:
<div style="width:100%; text-align:right">
<br />
<input type="button" value="Print" onclick="window.print();" />
</div>
looks like:
try this
<div style="width:100%; text-align:right">
<br />
<a onclick="window.print();">
<button>Print</button>
</a>
</div>
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
I am using bootstrap .
Can anyone tell me how to make a button responsive ?
<input type="submit" class="btn btn-primary" value="Forgot Password" />
Responsive" is just a meaningless buzzword. What exactly do you want
the button to do? What do you want it to "respond" to? – Rocket Hazmat
User RocketHazmat is close to what i would yell the hell out in you ears. The button is already in a context of responDING in a fluid html frame
You want to make your button adapt to width of container ? Just give it the class needed.
<input type="submit" class="btn btn-block btn-primary" value="Forgot Password" />
or
<input type="submit" class="btn btn-primary" value="Forgot Password" style="width:100%" />
See this : http://twitter.github.io/bootstrap/base-css.html#buttons