HTML - Making <div> Block Non-editable/unselectable In Mozilla Firefox
Hi all,
I am beginner user in this forum. My problem --------------- I am dealing with a rich-text editor into which I would like to add a non-editable (read-only) div block. In other words the content inside the div block must not be edited by the editor user moreover he/she need not be able to select the content I've inserted in the div block. Micrsoft Internet Explorer supports two attributes for elements like div : Code: (a) contenteditable (b) unselectable Using which I've achieved what I am looking for but those attributes are IE browser specific and they fails in Mozilla Firefox (rather Gecko based browsers). I am looking for a method using which I can mak a <div> block non-editable as well as un-selectable in both IE and Mozilla Firefox. I hope you'll share your valuable thoughts and ideas to overcome this issue. Thanks in advance. Regards Codeexploiter Similar TutorialsHello all, I'm trying to make an image unselectable, when you press CTRL + A (select all) I don't want it to highlight blue or when you drag on the image. I can't find anything about it on google, and I've seen it done before.. anyone know how to do this? Thanks, Zaroth I'm making a website for small business with HTML5. I want contents on the website like news and information can be edit on the webpage without having to change inside the HTML source code of the page. I can see there's a tag in HTML5 called <contenteditable> but this tag applies to every users can edit the contents of the webpage. So is there a way to make it only me or admin can edit the contents using HTML code ? A little jQuery or Javascript is ok Thanks I am testing a really simple embed code: Code: <embed src="1.mp3" height=45 width=300 controls="smallconsole" autostart="true" nosave="true" loop="true"> When I open it in IE (Most recent version): It loads inside a Windows Media Player Plug-in, and plays fine. When I open it in Firefox (Most recent version: It loads inside a Quicktime plug-in, plays once, but if you refresh the page it won't play. You have to clear your cookies, and restart Mozilla for it to work. I can't seem to figure out why? Thanks in advance. EDIT: I tried using <object> tags instead, it works in both browsers just fine: Code: <OBJECT ID="MediaPlayer" WIDTH="192" HEIGHT="190" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject"> <PARAM NAME="FileName" VALUE="1.mp3"> <PARAM name="autostart" VALUE="true/1"> <PARAM name="ShowControls" VALUE="true"> <param name="ShowStatusBar" value="false"> <PARAM name="ShowDisplay" VALUE="false"> <EMBED TYPE="application/x-mplayer2" SRC="1.mp3" NAME="MediaPlayer" WIDTH="200" HEIGHT="45" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="0"> </EMBED> </OBJECT> Hopefully this will help someone else with a similar problem. I apologise if I am in the wrong section of the forum, but I'm not sure where it should be. I am at the end of my tether as to why something I do in my new web site using my favoured Mozilla Firefox does not work in Internet Explorer which I know many people use. My web site is www.otrcricket.com On the sponsors page is a link from our Sponsor (Ratcliffe) logo to their web site, it works perfectly in Mozilla but not in IE. Could someone kindly explain what I am doing wrong. I would be grateful for your help. Many thanks Victor Hey guys. I'm having a problem regarding a website I'm building for a friend. It displays perfectly fine on Mozilla Firefox, but when a certain page is viewed on Internet Explorer (said page is http://kod.cogia.net/index.php?page=members), it is absolutely messed up. I've inspected the code a few times but cannot come up with a reason why it is like that. The style code is located at " http://kod.cogia.net/includes/style.css ". The code for the members page is (the resulting HTML) can be viewed by looking at the source code of the page. Thanks for any and all help guys! I just edited my links and they are working in IE but not Mozilla. I'm using CSS script to change the link's text color on mouseover. Might that be the problem? Please check the source IN MOZILLA: http://americanchic.net/BlankGrid3 I have a horizontal bar image that has been sliced so it is an iframe. The iframe's source is links.htm (as the horizontal bar is a link bar) so that I can change my site's main links if I have to. Anyways, the problem is this, my link bar looks perfect in firefox but as soon as I view the site in explorer the text doesn't fit in the iframe and there are arrows as if you have to scroll down to view the text. Here is an image of what I mean: Let me know if I should add information. Hi Guys i have made a Html Template to be able to edit the whole site from one template, i have added multiple editable regions so that the user can change the bits of the website they want to i have a problem though, i have created the site in a table and i want to be able to change the background of one of the cells on every page but i have no idea on how to make this cell editable, the problem i have is when i go to make a new page i click on modify in the menu bar then select templates then apply template, i apply the template i have made but i cannot change that cells background the code wont allow it, is there any way i can do this, i would much appreciate your help if any 1 can help me. Luke hey guys, i'm not sure if this should go in serverside or HTML or javascript, but is there a way to do an editable dropdown without using ASP? can't seem to find it anywhere except all hits links to asp. Ok, I set up this nice site of mine, and I have all my favorite games on it. It is a games site for my friends and I. (Blueoranges.co.cc if you wanted to know.) Because of the fact that I have made the site easily editable by adding all the game's sizing options to a CSS sheet, and made each set of 7 pages a carbon copy of one another, I was thinking, well if my friends want to add a game, how could I let them? My idea was to allow them to log in, enter the URL for a game, upload their own screenie, and the server would copy the existing code and set it all up for use. Well, I'm totally self taught at HTML. Although I could figure out the semantics and methods of doing things, I don't know how to make a user's input be stored on a server. To oversimplify it, like when a user posts a post on a forum, the server edits the web page and adds the content, then updates the web page... So... How do I get a user's input to be added to the code of a page? I know my post is confusing, but I'm confused myself. Oh well. I am working on my school's website and one of the teachers would like a page that she can log into and post assignments and what not. I figured this wouuld be easy, but the server does not support PHP, which means no SQL either. How should I go about making this page with straight html? I am struggling to understand the "make attribute editable" script. I have created a dreamweaver template in CS5. I have a navigation matrix made up of images. I want to make the navigation images change with the current page (i.e. when on "1" page make nav button "1" brighter. I am trying to do this with the "make attribute editable" script (so I can change each navigation image accordingly on each page). When I make the attribute "src" editable the image disappears and does not display on the pages I create from this template even when I add the correct path to the url value! I cannot work out what I am doing wrong. I'm sure there is something simple I am missing but just cannot work it out. Thank you for any help!!! I have started over with a new document to make it as simple as possible but no joy. Here is my code... <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!-- TemplateBeginEditable name="doctitle" --> <title>Untitled Document</title> <!-- TemplateEndEditable --> <!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable --> <!-- TemplateParam name="src" type="URL" value="../images/wind.PNG" --> </head> <body> <img src="@@(src)@@" width="133" height="83" alt="wind" /> </body> </html> Thank you! I am a website designer . don't know much about the programing. anyone can guide me. I can connect any admin in my simple html website. i want to add/edit image/content. if possible than please tell me how can i do this. Thanks Neeraj Sharma neeraj10786@rediff.com Hi! I have a problem with a div in my website. As you can see, the text goes out of the div block. The text is in <pre> tags! I noticed that first the problem was because text isn't seperated, but it still goes out of the block. In FF I can use <pre width>, but this doesn't work in IE. How can I "force" the text in the block? Hello, i got a css theme, that i tried with tumblr, it didn't work, seems like that i have missed something. I can't upload, or post anything, ...well i can but from the CSS file, and it's kinda annoying. here's the theme. http://www.2shared.com/document/jTGY...e_tumblr_.html I tried to create the blocks, the following ones : http://skeedio.com/tutorials/web-des...tumblr-themes/ But it did nothing, can anyone help/edit me ? please or can tell me what i've missed ? can i create the block from the css ? it seems that tumblr is more html...i'm newbie sorry ) I have a website that i created. It loads in in Mozilla, but in IE nothing loads, the page is just blank. my website, an example of this is www.winholdem.info/hoppers.php I dont know why this is happening! P.S. it includes PHP and html Hello all. Is it possible to block multiple words in a search box using html or javascript? A search box on my own site. Example: writing "bad" in the search box will receive no results. Hoping for an answer Harold Dear all, How can I get a block of text to appear in its own coloured box? I want to display some BlitzBasic code like this... ... but at the moment, I'm doing it like this, padding it out with spaces... Code: <p><span style="background-color:#D1D1FF;"><tt> Graphics3D 640,480 <br /> SetBuffer BackBuffer() <br /> cam=CreateCamera() <br /> light=CreateLight() <br /> cube=CreateCube() <br /> PositionEntity cube,0,0,5 <br /> tex=LoadTexture("brick.png")<br /> EntityTexture cube,tex <br /> While Not KeyDown(1) <br /> RenderWorld <br /> Flip <br /> Wend <br /> End <br /> </tt></span></p> Is there a way to set the width - I can't seem to find one. Many thanks. T Hey all. I just recent finished the following site for a client: http://www.stagingupstyle.com/ My client would like me to change the formatting of the text on the "Designer" page to be block text like a news paper. Does anyone know how to do this? Here is an example of block text. http://www.readingonline.org/article...r/image1ri.gif hi just a small problem that is bugging me and stopping me from moving on...there is a table at the top of my website here in mozilla it works fine exactly how i want it yet in internet explorer it stretches out too far and looks a mess what could i do about it? is this because ie doesnt accept height tags? |