JQuery :: Hiding Part Of The Text In The "show More" Link?
May 27, 2010
I'm creating a page where I have multiple articles on one page. I want to display only part of each article and display a "more..." link at the bottom of each of the articles. If the user clicks on one, the rest of the article shows. What would be a good approach to do that?
I want to have several text links (not buttons) on a page and when someone clicks a link text appears explaining the link. If they click on a different link the text is replaced with the new text.
I am trying to create a Link that changes its currently displayed text and also toggles the css.display property from inline to hidden. I'm sure there are solution outs there btu I have not been able to find one that does both functions with one click properly and is also easy to implement for people not as familiar with html and javascript. Obviously I am trying to create a show more, show less type link. currently this often shared code works fine to change the current state of the target ID's css.display from none to inline. My end goal is to be able to not only toggle the display of the LONG1 div but to also change the innerhtml of 'short1' from "Show More" to "Show Less".I am still learning about JS so Im really rough around the edges. I tried some different techniques btu I dont ahev them posted on my work pc.
I intend to have this code below generated dynamically (being able to have from 12 to 40 rows). (created from C# code)
<tr> <td align="center"> <h2> 01</h2>
[Code].....
Can this jQuery function be created so I can add the function to "#<%= chbNuevoJugXX.ClientID %>" instead of "#<%= chbNuevoJug01.ClientID %>" and then use the XX to how hide the corresponding row?
This displays OK on my generated page anyway, but later when I want to use a switch statement on the member type it fails because of the spurious stuff I picked up in the variable
I currently have a link that links to a different part of the same page using <a href="#title"> which is defined using <a name="#title">. It all works fine but when clicked it adds #title to the end of the URL and when the user clicks the back button it goes back to when they clicked the link rather than actually going back a page which is very inconvenient for my site.
I have seen that on Facebook this has been done so I know there is a way, I just don't know how or what exactly to search on Google.
You can't select the 'text' part of an 'a' element with css, e.g. in the statement <a>some text </a> you can't use a css attribute selector a[text = "some text"]{} to style the 'a' element. You can select all named attributes such as HREF, TITLE, etc. Does jquery's .attrib map strictly to the css usage or is there some way I can match on that part of an 'a' element?
I need this because a menu list I'm working with doesn't by default require a TITLE element so I can't assume I can match on this attribute.
I have no idea about javascript but wanted to use the Konami script on my site. This is the current code:
var kkeys = [], konami = "38,38"; $(document).keydown(function(e) { kkeys.push( e.keyCode ); if ( kkeys.toString().indexOf( konami ) >= 0 ){
[Code]....
I just wondered how to get the javascript to include the class so that it acts in the same way it would if just clicking the link. I imagine this is upsettingly easy to do but I can't seem to find anything about it!?
I'm trying to grab a specific part of a string of text and am wondering how to do it (or if it is possible to do it) with a jQuery selector.Is there any way to get that specific part of the link?
ascript n00b, but I know enough to cut and pasted and do minor edits. I wanted some help with this problem I'm having or really just wanted to know if what I want is possible. I would like to have the 'Previous' link hidden on the first image and then the 'Next' link hidden on the last. I wondered if there was some way I could do that based on the number, which I guess would be the ImgNum variable? Here's the code (pulled of Google):
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en">
I need to hide a filedset depending upon the checkbox selection. I have attached code for this.the fieldset contains some non null and isNaN validation.those should be disabled too.
I have one long text field in HTML to feed text as input in my page. the entered text will be shown as output text after some operations.In this context, i need to display few text(say 200 chars) only and i need to provide READMORE link/button which would show me the complete content of that text field. I need to achieve this shortly!
I'm loving this: Sliding Login Panel with jQuery 1.3.2 However, I'd like it to work so the 'Close Panel' link actually appears in the #panel itself and doesn't swap/toggle with the 'Login | Register' part.
I've been struggling with this for days. How can I use javascript to high light a part of the text in a textbox or a textarea?
OR
if the user highlights a part of the text in a textbox or a textarea, how can I say which part of the text is highlighted? (ie: at what character the highlight starts and at what character the highlight ends).
I have a search interface that I'm building that uses radio buttons, jump menus and a keyword search text box.
Is there a way to have a little "go" button next to the text field that will submit just the search string in the text box to my searchresults.php page?
Right now, any submit button I put within the page submits all parameters from my radio buttons and jump menus in addition to the keyword values. I would like the keyword entry box information only to be used if there are any values in it and have any other variables (e.g. from the radio buttons) to be null so I don't get a search with keywords AND radiobutton values. Of course, if nobody clicks the radiobuttons, no problem, no values are passed, but I'm sure some pesky user will have some checked and then decide to do a keyword search...
I'd rather send the info to the same PHP results page, so I don't want other values to muddle up the keyword results. I'm sure I could erase the other values with an 'if keywords=anything then other variables are null' statement, but I want the user to think they're only submitting the keywords from the entire page (which is what a 'go' button next to the field would imply) and I thought there might be a simple way.
I have a simple password protection setup on my site but the password is displayed when it is typed in is there a way to change it to a # or * when it is typed in
I'm sure this has been brought up on these forums multiple times about showing and hiding div tags via links that you click on. The majority of ones that I found have you click a link to open the div and if you click the same link again, the div closes like it should.
But my problem involves multiple links and multiple div files that need to open the div assigned to it when clicked but also hide any previous divs that were shown with previous link clicks.
My Javascript in the head
Code: <script type="text/javascript"> <!-- Show arrow on link click function showArrow(id) {
I have a survey/form for people to fill out. It has 3 sections. The first question has 3 checkboxes asking which of the 3 events the person attended. I want to hide the 3 sections of the form and then when the user checks the box sayign he/she attended certain events, to then show those sections of the form.
I found this script that hides text and would like to add a loop to the function code. I have given it my best shot but I'm afraid to say my Javascript ability is a little ordinary.with this.PHP Code:
<body> <script language="JavaScript" type="text/javascript"> function sizeTbl(h) {
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.