I am building an e-learning lesson in Lectora that will be deployed to a SCROM compatible learning management system. The lesson is converted into HTML before that happens. My table of contents is around 100 pixels wide but some of the page names are longer than that and do not display fully when viewed in a browser.What I am trying to do is this:The page name for this page is very, very long and I can't see it all. Blah blahWould becomeThe page name for this page is very,
I'm trying to 'wrap tags' around text in a text box.
<script language=javascript> function insertFauxTags(fauxTag, e, endFauxTag) { var e = document.frmAddNewForum.txtTopicMessage.selected; document.frmAddNewForum.txtTopicMessage.Value += fauxTag + e + endFauxTag; } </script>
<a href="javascript:insertFauxTags('[p]' + e + '[/p]')"><img src="http://www.<%=strSiteName%>/images/parabutton.gif" border="0" alt="Paragraph" /></a> When I run this in FF I get 'e' is not defined - any ideas?
I am working on code to wrap BBCodes around a user selection, then leave the selection selected for possibly adding more BBCodes around the same selection.My problem is that there seems to be several different ways to do it and I can't figure out which one is "the best".Now, I can't use the "standard" way of doing this because I am working with TinyMCE. I know there are countless examples on how to do this with textareas... that is NOT what I need.TinyMCE can give me a selection RANGE, a selection NODE or a selection OBJECT. Note that if I use TinyMCE's range, it internally "normalizes" the range to be a standard W3C range, regardless of browser.I've created a new range, extracted the selection from the user's range, created elements for the open and close BBCode, inserted the elements into the range and finally set the user's selection to the new range. Works fine.
I also tried taking the selection node (which is an element), then simply used "innerHTML" to add the opening and closing tags, then set the node to the modified node. Works fine.I've also used the editor's built in "selection.getContent()" and "selection.setContent()" calls and THIS also works.I've even tried using the DOM "surroundContents()" function, then used a regex to change the < and > into [ and ]. Freaky... but that works too.So, my dilemma is... which method should I use???To recap, here's what I want (blue represents selected text):
This is a test sentence. (user selected some text) This is a test sentence. (text is wrapped and remains selected). This is a test sentence. (user clicked another bbcode button).
I found this code on some web site which actually works on my current Safari browser. I will be grateful if anyone out there with IE version 8 or less can verify it working as well.
Basically I wanted to highlight some text with mouse drag, and have that piece of text wrapped with [high] at the beginning and [/high] at the end.
I've got a form with a textarea box, currently you can just type a message in the box and submit it, then it is added to a mysql database and shows up on a page I made for people to view staff memos.
I've been asked to add formatting options like bold, italic, underline etc. Unfortunately me and javascript have never really met so I'm quite stumped. I can handle the form processing with PHP converting [b] to <strong> etc myself but I need help with the actual user interface.
I've got an unordered lists. I need to make the numbers larger (ordered lists numbers) and keep the text in the list at the same size. So what I was assuming I need to do is make the <li> font-size larger (the size I want the unordered list number to be), then wrap the text with a <span> and make the <span> smaller. I'm using a CMS and since the client will be modifying the text in the CMS, I can't exactly tell them to put <span> text, blah, blah</span> in the unordered lists as they won't figure that out. So how would I write the jQuery to wrap the text in the unordered lists with a span? Currently the output is like so:
I am a lil new to JQ. I have a table and each row has a unique id like so<tr id="123">. I have a edit button in one of the fields on that row, and I want to turn that row into a form. How can I grab all the values of each field in that row and store them as a variable when the edit button in that row is clicked?
Is it possible to read the contents of a table cell. I have the below table and would like extract the value of the first cell. The first cell will always be a hyperlink so I guess I only need the contents between the "<A>" tags. So the first row should return ""434235". How can I do this.code...
I'm trying to send an entire table and it's contents to the clipboard. The problem is that one of the cells of the table contains a chart that comes from an applet via our SAP system.The other cells around the chart contain labels and such... the user will need to cut and paste these charts into presentations.What i would like is for users to be able to click a button and go paste into power point or wherever they'd like.I had an idea that maybe it's possible to take a screenshot of a portion of the screen and throw that image to the clipboard?
Does anyone know how to Dynamically add new rows to a table through plain javascript. I tried changing the InnerHTML with getelementbyid() already and that doesn't work.
and i'd like a javascript function to which i could pass a line number, a destination number, and it would then reorganize the table accordingly. example: rebuildtable(4,2) would result in:
I have tried a method using innerHTML, I seem to be able to access <tr>s' innerhtml (if i do an alert on them i can see their current status), however when i want to replace one tr with some other html it fails for some reason.
Basically I have this grab from a myspace profile to import a band's upcoming show listings on another website. The problem is that myspace puts all this information into a table, and in order to style the elements individually, I need a way to grab all the text from each cell and put them into their own divs. I don't want any table or tbody or tr or td references or anything, just the content from the cells placed in their own divs so I that I can style this individually.
If you could come up with a way to move all information from inside a cell into an array, that would also work. code...
How can I access a DIV item in a given row/column, which itself is a cell of another table of some other given row/column??? I.e. an element of a table in a table! I have been trying to use GetElementByID, by Name, etc.. but not having much success.
I'm developing a site that uses a flipbook like the one found here:I'm wondering how I can add a table of contents so that someone can navigate through multiple (~100) pages. Tried a simple hash, but I'm not sure how to make it work with the script itself
Hate to trouble you gurus with such a simple question but I'm just beginning w/jquery etc. Anyway i've come up with the following but it doesn't work. $("#table_id td").not(".Source:contains('System')").parent().addClass('edit_allowed');
The first column has class "Source" and I want to add the class name "edit_allowed" if the contents of teh first td is "System".
I have a php page that has a button on it when clicked shows a div (previously hidden) in the middle of the page this div contains a table with rows.Each row has an image acting as a button and a series of fields that are populated from a database.One of the fields is a quantity box I want to be able to change the value in this box and click on the submit img and have it submit this info (including the altered quantity) back to the php page or to the submit function so that I can then access the values.
What I'd like to do is have a dropdown box populated with data from a database. Based on what you select from the drop down a table will be generated (in this case a 3 column table) from another query to the database. I will eventually want a way to select one of the rows from the table, but for now I'd be happy with just generating the table.
I know it will have to deal with DHTML, dom documents, getElementID, removeNode, recreating the node. What I am not sure about is how to
1) Dynamically create a table 2) Step 1 with data from a database (recordset)
Like I said, I'd also like to be able to select a row from the table. I'd be happy with making the ros a radio group, though it would be interesting to be able to select the row. I take it I'd use CSS to highlight the row selected then.
i am using the folowing jquery function to generate a table of contents from the h tags in my web page. I could make some changes but i am not able to extend the function, so that it puts numbers in front of my toc elements like
I have a table of data brought in through lift and in it is a status column. I am wondering if there is an easy way to color a row based on the contents of that column. Any status of broken was red, edited was yellow and finalized was green. It seems like I could write a widget for doing this, but I don't know how it would work and have little experience with creating my own widgets.
Here is the initialization which includes functions for mouseover color changes. <script type="text/javascript"> $(document).ready(function() { // Adds "over" class to rows on mouseover $(".tablesorter tr").mouseover(function(){ $(this).addClass("rowHover"); }); // Removes "over" class from rows on mouseout $(".tablesorter tr").mouseout(function(){ $(this).removeClass("rowHover"); }); $('.tablesorter selectThisRow').click(function() { $(this).parent('tr').addClass('selected'); }); $("#claims").tablesorter({ sortList:[[4,0],[6,0]], widgets: ['zebra'], headers: { 0: { sorter: false }, 1: { sorter: false }, 2: { sorter: false }, 3: { sorter: false }, 5: { sorter: false }, 7: { sorter: false }, 8: { sorter: false } }}) .tablesorterPager({container: $("#pager")}); }); </script>
I'm working with scala and lift as well so I'm bringing in the table data from a database when the page loads. Whether a widget is how to make the colors adjust, or creating more JS functions for doing it.
I want to get javascript to show or hide a row in a table depending on whether a value is held by a variable collected in a mulitple part formmail. If only 1 adult fills in their name on the earlier form there is no need to show the row which asks him to agree to membership on a later form page. This is what Ive got so far<form name="frm3" method="post" action="bookingscript.php">
How could I apply a css style to a <tr> row based on the value of the contents in column 1?
For instance, on my table (generated from an asp:GirdView), column 1 contains a number ranging from 1.00 to 12.00. I need to show a certain background color for all rows whose value in column 1 is greater than 10.
I am using jQuery with jEditable and jQuery UI confirmation dialog. What I am trying to do, it to restore contents of the table cell if user hits Cancel on jQuery UI dialog, or just hits Esc.jEditable has "onblur" option that i can set to "cancel", and it works if uses clicks out of the field, so I am trying to achieve something like that with jQuery UI, because currently it just leaves an empty table cell.
I am pretty sure the logic of my script is wrong somehow, so I am trying to figure out what to do to fix it.
Here is the flow of the script:
1. User clicks on a table cell and edits data in jEditable
2. User clicks save, jEditable doe POST to my php script and gets results, which a passed to jQuery UI confirmation dialog.
3. User either confirms or cancels changes. In case of Cancel or Esc, the user presented with a page, as it was before any editing has occured
-i $(".editable_textarea").editable("/path/to/my/php_script.php", { indicator : "<img src='/am/images/indicator.gif'>", type : 'textarea',
I would like to be able to generate a table from which I can easily edit the contents of a mySQL database (similar to phpMyAdmin.) In that table I would like to have a button that will open a pop-up, allowing me to edit - and maintain formatting such as apostrophes and line breaks - a long description field. That popup will then populate a hidden input field on its parent with the modified description.
I've got the pop-up opening and its fields are populated using php's GET function (see line 11). The special characters, particularly carriage returns, are messing me up; I can remove them using php's str_replace, but I want to retain them for formatting.
I have triple drop down menu. I want to display the contents of the table based on the third menu selection. The code is in the link [URL]
I know I need to include a onchange function to <select name="genus"> but as you can see I have a <div> already for it. I am confused how to create the function to display the table and also the how to include another div tag.
Right, ok, well I have designed a form that will display a price (22.34) in a text box, and another price in the other text box... I also have a blank text box... Now I want to add both the prices together and get a total in the bloank textbox..
I got this example off a website sumwhere.. But it does not display the decimal number, it only displays the whole number..
var number1 = parseInt(document.forms[0].CasesSellingPrice.value); var number2 = parseInt(document.forms[0].AccessoriesSellingPrice.value); document.forms[0].total.value = number1 + number2;