I have used iframe to display image/pdf. i don't want the user to download by right clicking on image/pdf. so, i want to disable right-click option in iframe. please suggest me a way to achieve this
<div class="modal-body" id="iframeview" style="height:100%" >
<iframe id="fr" src="/Content/Attachment/1053_Zaheer/98/DReference/1_3_2.jpg" style="width:98%;height:90%"></iframe>
</div>
Thanks in advance
I found the answer.
<div id="test" oncontextmenu="return false">
<iframe id="fr" src="/Content/Attachment/1053_Zaheer/98/DReference/1_3_2.jpg" style="pointer-events:none;width:98%;height:90%"></iframe>
</div>
Related
https://jsbin.com/jaboyeleta/edit?html,css,output
<div class="sub-main">
<button class="button-two"><span>Hover Me</span></button>
</div>
Im pretty newsih at this, and i need help knowing where to place the
snippet of code to link this button to my site, any help? Sorry if this is a silly question to ask here. I tried to find videos.
Try this:
<div class="sub-main">
<a href="https://google.com">
<button class="button-two"><span>Hover Me</span></button>
</a>
</div>
Maybe you can read more about links and another HTML stuff here
Wrap the button in an a tag like so:
<div class="sub-main">
<a href='https://www.google.com'>
<button class="button-two"><span>Hover Me</span></button>
</a>
</div>
I'm using iframes inside pop-ups to show other parts of the same page (long text) that the links that trigger them are in. The problem is that if you click another such pop-up link inside that iframe, the new chosen portion of the page will take the entire iframe instead showing inside a new smaller responsive pop-up. Is there any standard workaround to this? The code is very simple:
<a class="internal_linkpopup" target="base" href="page1.html#internal_anchor" >xx_partofthepage</a>
<div class="modal-header">
<span class="close">close</span>
<center><span class="expand">expand</span></center>
</div>
<div class="modal-body">
<iframe frameborder="3" scrolling="yes" width="100%" style="height: 100vh;" name="base" id="ifrm">
Your browser doesn't support iframes.
</iframe>
</div>
I want to edit this picture.
http://2.bp.blogspot.com/-42H3onuga5o/UYs7FXqbSlI/AAAAAAAABHU/Pv2iKLwVl4s/s1600/aboutus.png
I see in the edit blogtemplate html editor:
<li>
<div class='menu-abs-bg background-color'/>
<div class='menu-specs'>
<div class='home-icon'/>
<a href='http://rivadotaku.blogspot.com/' title='Home'>Home</a>
<span>Rivadotaku's Blog</span>
</div><ul/></li>
<li>
How to change the picture? You can see in the www.rivadotaku.blogspot.com, in the right bar.
I just a newbie, i only can edit a picture in this html
<img alt='' src='http://2.bp.blogspot.com/-S0aK8YBRU20/UYzIzLBILSI/AAAAAAAABIY/np2T4NYR9ng/s320/article1.png'/>
<a href='http://www.templateism.com' style='background-color: rgba(108,203,103,.9);'>templateism.com
Please help me, sorry for bad English.
Thank you
I'm not sure about what you are tryng to do. If you just want to show another picture instead of the picture you are showing right now, you have to change the src attribute.
<img alt='' src='http://newlink.com/newimg.png' />
I am new to bootstrap and I watched some tutorials (ASP.NET).
I created a button with a CssClass:
But the button looks bugged? It must look like the first button, but my button is the second:
I have no clue what I am doing wrong!
This is my container:
<div class="container">
<div class="row">
<div class="span2">...</div>
<div class="span8">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
<div class="span2">
<asp:Button ID="btnSignup" runat="server" Text="Button" CssClass="btn btn-large btn-success" />
</div>
</div>
<h1>Bootstrap starter template</h1>
<p>Use this document as a way to quick start any new project.<br/> All you get is this message and a barebones HTML document.</p>
</div>
Did you modify Bootstrap CSS in any way or are you loading any additional CSS?
What browser are you seeing this in?
It would help if you posted your code on jsfiddle.net
Anyway, this issue happens when you remove background-image from the normal (mouse out) button state of the .btn-success class. Bootstrap uses transition to shift background-position by 15px in hover state and this is what you end up with.
Found the answer!
I downloaded the customized bootstrap files with full features via this link:
http://twitter.github.io/bootstrap/customize.html
Then I am getting that bug.
But when I download bootstrap from below, and replace the css file from the customized bootstrap with the new downloaded css:
http://twitter.github.io/bootstrap/
Then I don't have any bugs!
Just to complement your own answer, since you are using bootstrap + Visual Studio, you may have to know that there's a bug on Visual Studio that edits some CSS3 properties.
You should keep an backup from bootstrap.css, because this issue may happen again when editing an .aspx, .htm that uses this stylesheet.
I just know the bug, but I don't have any solutions for it
hey, i have a .net C# function thats write html image links code such as:
<img src="..." />
and show it by asp:literal,
it works fine in Explorer and Firefox but in chrome the clicking is disable,
any ideas?
example code:
<div class=\"whitebox\" style=\"width:500px;\">
<div style=\"float:left;\">
<a href=\"../reader/Default.aspx?u=4&t=2&sr=f-53D\">
<img width=\"75px\" height=\"75px\" src=\"http://www.Knu.com/main.jpg\" />
</a>
</div>
</div>
The only problem I can see with that is if you're somehow outputting it exactly like that, with the C# escaping included.