Im using dreamweaver and I am wondering if there is a way or some sort of code I can stop the user from resizing text with the cntrl + mouse wheel ? Ive got CSS style sheets attached to my site but dont know what to do next?
I have a project involving a multipage form with a text resizing function. I'd like to be able to keep the size the user selects as persistent throughout the multipage form (on other pages).
I tried creating a hidden input form and passing the value through it, but for some reason, it didn't work (it's a proprietary templating tool they're using). Am I missing something, or is there some easier way of going about this?
Just in case you're wondering, here's the code. It works beautifully, if only I could keep the font size. function ResizeText(resize)
A UI built using HTML and CSS has limited screen space. One of the elements is a div tag (<div id="mtext">) that will contain text of variable length. If the text is > 500 characters, I am displaying it as a link. When the user clicks the link, I want the text to be displayed in a layer above all the rest of the elements in the page. How can this be done using javascript..
Code:
A div element that contains some text of variable length. If the length exceeds say 500 characters, Display it as truncated text. ( like "Example text...") The entire truncated text becomes a link When the user clicks the link the content in the div element "pops out" to fill the screen above other elements on the page Image showing truncated text... (before clicking) Image showing text display after clicking the text...
Im playing around with some JQuery and have a small problem with my menu. I want the text to always be visible, be on hover and not on hover. Currently, the text is only visible when I hover the <li> item. Check it out at http://cooper.zxq.netBelow is my code using to produce the menu.
I have 2 example/test pages of the issue I'm experiencing. For now, I'm just trying to get it to work in a standards-compliant browser, so view in something other than ie:
[URL]
If you click and drag the orange bar up or down, it works fine on the first page. However, on the 2nd page, if you click the orange bar and drag down too fast, it starts selecting text and then the bar gets all wacky.
My suspicion is that the bar gets messed up because the text is being selected. That occurs because if you scroll too fast, the cursor goes off the orange slider bar and starts selecting. If you scroll very slowly so that the cursor doesn't go off the bar it seems to scroll fine.
I've tried everything I can think of to stop the text from being selected, but I'm not 100% sure if that's the cause of the problem or just a symptom of something else (maybe bubbling or something?). I tried returning false on every mouse event on the lower panel, tried creating an absolutely-positioned mask above the text in the lower panel, tried removing all text from the lower panel, tried stopPropagation(), etc., but nothing seems to work.
If I set the mousedown/over/move on the lower panel to return false, it prevents selecting text normally by clicking the mouse & dragging, but it will STILL select the text if I click on the slider bar and drag down.
I'm using jQuery to create a hover effect when a user hovers over a div. This is fine, as usual all browsers except IE do what I need of them. Inside my divs I have some text and to get the whole div area to be the link I have simply placed an anchor (last in the div in html) and abs pos'd it, given it a z-index and displayed it as block so that it is now the whole div as a link. But because of the text, IE is giving priority to the text so when I hover the div, if I hover into the text area it is taking the hovered stated off of the div. I need to stop IE bringing the text to the front. This happens in all versions of IE inc 9
I have a list of input fields within the form and a button that can be clicked to add new input fields into the form. This works but if any of the input elements have had text entered into them, then this text is cleared when the button is selected. code...
I m trying to make a person stay on same page on cancel, but the confirm takes the user to the next page like they press ok. how can i stop it? code...
I've read through a number of links that discuss various methods of resizing a div; however, nothing seems to work correctly for me. The basic idea is that I would like to implement is a panel that can be hidden (to save space), but collapses smoothly, rather than all at once.
I've tried setting the div's style.height property. Doing so does, in fact, resize the div (at least in Firefox 2.0); however, the inner text does not disappear as the div is resized. Should I apply another CSS style to the inner text or is there another method of obtaining the desired results? Code:
I am using a popup window to show pictures. Each time the user clicks on a thumbnail in the mail HTML page, the popup either appears or reloads a new picture.
Some pictures are portrait, and some are landscape. I build the popup html dynamically. How can I a) resize the popup window to fit the image, and b) pop it to the forefront once the new picture is loaded?
i have a div, i set the innerHTML property to a formatted paragraph of text. however, at times the text exceeds the width (and height) of the div. how do i create a fixed width div and make it use a scrollbar if the contents exceed the height and width specified. i'm using microsoft visual studio, and i have the width explicitly set in the properties but still on setting the innerHTML it resizes automatically.
I have a frameset page as my index.html page and have noticed that if my page is opened in other resolution than the one it was created in, some pictures shift locatiuons.
If this was a non frames page i knew how to fix it... Is there any was to automaticaly resize a frameset proportionaly to the screen resolution?
ex: i want one picture to be exactly 1/4 of the screen, in a one-page i would do someting like...
We are code crushing the width of images from 285px to 260 pix. However we aren't changing the height. we need a bit of javascript that can make that percentage change to the height as well.
i have an imagemap, and i don't know where to write in the specific size for the new window popping up...if it's possible? i'm having just an "add to cart" page pop up and i don't need a big space..
I'm building a tool for my company and I'm making use of frames in it. I have one frame on the left side and two frames on the right side. I have two forms on the main frame (the left panel) and the user has an option to submit to either frame or to both frames.
I'm wondering: is there any way to resize the right bottom or right top frame via JavaScript if someone submits to only one of the frames?
the code above gets called every time a new page is loaded inside the iframe (ifrmDisplay) what its doing is resizing the iframe so it can have the same size as the page inside it, so i can eliminate the need for vertical scroller for the iframe, i assumed that it works on opera and IE at the same time, when i tried it out, it worked on IE but not on opera. after lot of time in researching how i can get workaround this issue with opera, that is the best possible solution i have and yet it doesnt work. so i gave up and asking you if you can help me out here , coz this is jst driving me crazy!
the problem is im not a javascript expert, to be honest i jst started doing javascripts about two days ago, that is why im in need for help
by the way, here is inner html for the iframe if its any use
the code above gets called every time a new page is loaded inside the iframe (ifrmDisplay) what its doing is resizing the iframe so it can have the same size as the page inside it, so i can eliminate the need for vertical scroller for the iframe, i assumed that it works on opera and IE at the same time, when i tried it out, it worked on IE but not on opera. after lot of time in researching how i can get workaround this issue with opera, that is the best possible solution i have and yet it doesnt work. so i gave up and asking you if you can help me out here , coz this is jst driving me crazy!
the problem is im not a javascript expert, to be honest i jst started doing javascripts about two days ago, that is why im in need for help
by the way, here is inner html for the iframe if its any use