So, while playing with scrollbars and stuff in HTML5, I'm starting to notice an annoying trend. If I have text near my element that's being dragged (say, a scrub bar for a video, scroll bar, anything a user would click and drag), nearby text will get selected, as if I'm not using a control, just dragging over the page.
View 4 RepliesI was wondering how to make the text on my page unselectable, basically, I would want for the user not to be able to copy/paste text that is on my site. I know that with text editors, users can extract text from my site quite easily, but with disableling the selection of text, at least I will deter most users.
View 1 Replies View Related<h1>November<span>2009</span></h1>
making a variable equal the h1 html() without the span text.
// equals 'November2009'
var monthDelete = $('h1').html();
// I need just 'November'
I have the fade in of my image working, and would now like to have text appear after the fade in of the photo.
style portion:
.enhanced{
visibility:hidden;
}
javascript functions:
[Code]....
I have this:
Code:
<TD WIDTH="99" HEIGHT="41" BACKGROUND="button1DarkWeb.bmp" VALIGN="center" ALIGN="center" rowspan=2
onclick="javascript:formHandlerMainMenu('PrognosticsView.asp');">
<FONT SIZE="+1" COLOR="White">Prognostics</FONT></TD>
It's supposed to be a custom button with centered text in. I cannot include the text in the image and make a bitmap out of it. I have to be able to change the text, and there are lots of different strings.
When the cursor is over the text. It has the shape of a text cursor, not a hand.
Is it possible to make it a hand?
I bought a javascript slideshow, and embedded it in my page as follows:
<script type="text/javascript" src="/jaboevent/js/slideshow.js"></script>
This scroller shows images that fade out to be replaced by other images of the same size. I would like to wrap text around the slideshow.If the slideshow were an image, all I would have to do is:
<img align="left' src="whatever">
Apologies if this question has been asked a million times. I am fairly new to this game, have got my head around html & css and now it's time to add a little interactivity... BUT i've hit my first brick wall. I am setting up a (big) panel of text which i wish to present in a more reasonable fashion by hiding the content and only showing the headers. Got the Hide:Show function working ok as shown below, but I am stuck on my next requirement...
Basically The hidden text will show and hide when told by clicking on the relevant header - but i wish to hide the text in a visible area when clicking on a new header.
[Code]....
i have a asp.net checkboxlist populated with records from database.i have a javascript in the same page where in there are some list/link with mouseover events.reference to link for the continuation http:[url]....when the mouseover on a link then its text which is in the span shld appear in the checkbox
View 19 Replies View RelatedI'd like the text in the search box to disappear when the box is clicked in. Easy, right? I've found several how-to pieces online, and gotten it to work with at least two different methods. However, I found a rather snotty discussion of form semantics that made me wonder: what's the right way to accomplish this, can I tighten up this code to be clean and tidy, and most importantly, can someone explain it to me so I can understand it? Forms tend to leave me confrazzled.
[Code]...
I have a scrollbar that I programmed. It is just like a scrollbar in a browser - click on the scroller and while holding the left mouse button you drag the scroller to move the window.
These are the issues I am having: if the target I use to be the scroller draggable target is an image, the image when clicked and dragged will be dragged as if I was trying to pull the image onto my desktop to be copied.
- if the target I use to be the scroller draggable target is text within a div, then sometimes it will select the text as if I was selecting to copy/paste
- sometimes while dragging the div as a scrollbar, the speed of my mouse will 'beat' the REPEATED CLICK speed (and it is set very fast) and I will "DROP" the scroller.
- Also when dropping the scroller, the page will select EVERYTHING as if I am trying to select all of the content in the page (SELECT ALL) and everything turns blue.
[Code]...
I have a div column that has my projects that scroll vertically on each page. I want to have a functionality where I can have the user hover over the image on the left and a column beside that will appear some text that describes the project. That text would change when they hover over a different project. I don't know where to find this kind of thing.
View 3 Replies View RelatedI am trying to get the title attribute of a link to be the same as the visible text of the link. That is, I want the little pop up that occurs when you hover your mouse over the link to read the same as what users would see in the menu.
The menu is written by Javascript, so there is no way to just put a title attribute on each link. Here is the code:
is it possible to create a pdf file using javascript language?
View 1 Replies View RelatedI want to try and make a menu using javascript and DHTML. I want the
menu to be horizontaly placed on top of the webpage. When I move the
cursor over it a popup menu comes up. Sort of like what you can find
on the first page of Micrsoft.com near the top. But I want the menu to
have a more transparent blue color. Is that possible? Also where would
I go to find out how to do this?
I have a client who wants a gallery of images to pop up on her enter page similar to this site, http://bit.ly/mUscmo . It won't be identical, but she likes the way the images all pop up and then just stay there.I know how to function JavaScript, but I don't know how to write it from scratch. Is there any where I could find a code that does something similar to this?
View 11 Replies View RelatedI know how to make it so you click on a picture and a pop-up window appears with a picture inside. But i dont know how to put multiple pictures that are pop-ups...
View 1 Replies View Relatedhow to make a form to show up on a html page from the site today but I'm still really confused by something
1. I was making a form to have ppl enter their info then it will e-mail the info to me, but I don't know what to do to make the data send to an e-mail address.
2 I don't know how to write the script so it will tell ppl "your form have been sent" if all the info did sent to my e-mail.
i am working on a page which direct users who come on website to index.php which i created in a new pop up window. i was checking that if someone (stupidly) refresh the url of my web from where he is redirected to the index.php ,it re run the funtion and another pop up is created. is there anyway i can add validation kind of thing that if pop up is created it alert the user that web page already opened. can i able to do that?
View 2 Replies View RelatedThere are a lot of extremely smart members here, so I thought if the knowledge is out there, this would be the place to tap into it. I have included the code below that I am working with. What I want is for a person to enter their name and room number and coffee preference. Then a cookie will store that information and tell them a cup will be sent to them at their room. When the page is loaded again their preference will be remembered and they will be offered a discount for their favorite coffee. This is part of a self taught book I am studying.
Most of it works, but I think the selection of coffee from the radio button is not being stored in the cookie, or at least I can not recall it. I was also wondering if there was some way that I could combine the makeCookie and welcome functions so that there would only be one button to click on the page. Code:
I am not sure this belongs in the JavaScript section so apologies if it doesn't.
I want to be able to open a link in a new window, but make sure the users are not able to modify the URL.
Is that possible?
I'm having difficulty making a list (both drop down and radio button) read
only; I am successful when I attempt to make a text field read only. Any
suggestions on what java script I use to accomplish this?
I am trying to write a regex that will parse BBcode into HTML using
JavaScript. Everything was going smoothly using the string class
replace() operator with regex's until I got to the list tag.
Implementing the list tag itself was fairly easy. What was not was
trying to handle the list items. For some reason, in BBcode, they
didn't bother defining an end tag for a list item. I guess that they
designed it with bad old HTML 3.2 in mind where you could make a list
by using:
<ul>
<li>item 1
<li>item2
</ul>
However, I need to make this XHTML compliant, so I needed to add the
</li> tag into the mix. Unfortunately, the only way to find where to
put it is to find the next[*] (<li>) tag or an open list (in the case
of nested lists) or close list tag. I was trying to get a rule that
handles the list items to work, but it only matches the first item in
any list. Here is the line of code:
bbcode =
bbcode.replace(/[list(=1|=a|)](.*?)[*](.*?)([*]|[list]|[/list])/g,
'[list$1]$2<li>$3</li>$4');
First, I check to make sure that the list item is inside a list. Then,
I match the[*] tag to find the start of the item, then I match either
the next[*],, orto determine the end of the item.
This successfully prevents a list item outside of a list from being
made into a <li> element, but only matches the first list item in a
list. Is there any way to make this match all occurances of this
pattern without looping over the statement until the pattern can no
longer be found?
I have a graphic with a rollover for site navigation on each page. I
put the page to go back to in the rollover javascript.
My question is, is it possible to put in some code that will refer the
visitor back to whatever page they came from rather than one I
specify?
The rollover is combined with a tooltip script to make matters fun
(below). However, I'm quite happy to lose the tooltip to have the link
perform as a back button.
<a href="../index.asp"
onmouseover="document.images['link1'].src=img2.src;
showtip(this,event,'Back to home page');"
onmouseout="document.images['link1'].src=img1.src; hidetip()";><img
src="bhome.gif" name="link1" border=0></a>
I don't know if this will work, but I'm trying to put a google map on my website and in IE, the div containing the map needs to have a width value in pixels in order for the API to center the map properly. want a div with 100% width, which is inside another expanding column. This works everywhere but IE. My question is, Is there a way, using jQuery, to get the div to discover its inherent width and then apply that in pixels, as an inline style, to that tag? It would also have to redefine its width when the window resizes.
View 2 Replies View RelatedI am trying to build a calendar that has clickable dates that reveal a pop up box with the event of the day when you click on them.I have got some basic functionality at the moment with the pop up working on one date,making it work on multiple dates.at the moment I have the pop up box positioned relative and and am using the toggle function to switch the display form none to block.I need to work out how to position the pop up box no matter which date you click on?here is the mark up for part of the table:
<tr>
<td>21</td>
<td>22</td>
[code]....
I am trying to get a dialog box to open another dialog box. Clicking on "more search options" the first time results in opening a dialog box. Clicking "search" within the dialog box results in opening up a second dialog box. But this only works the first time I click on "more search options". In other words, the second dialog box only opens up only once. To get the second dialog to open again, I have to reload the page in the browser. CSS and jquery code can be downloaded from [URL].
View 1 Replies View Related