jQuery Forum

Hi there,

Hi there,

Hi there,

Hi Guys,

Hi there,

Hi guys,

hope someone can help.

I've got some text that I want to change what it says:

(63%) on RRP (£80.00)

The percentage value and RRP Price will change dependant on the product and its discount. All I want to change with jquery is the text:

%) on RRP( to the following % OFF! RRP

I've put it into jsfiddle below. Any ideas?

http://jsfiddle.net/bTf7K/24/

Hi guys,

I've got a tricky one...

I've got a website that displays all my products together within a table and the user can then click on the product they want to buy or obtain more info on. This is always displayed in four columns.

However if you have a few pages of products for one category it can be displayed across a few pages. For some reason the content management system I use will display only 1, 2 or columns on the last page if there are less than 4 products on the last page. When this happens you can get the produts displayed with a different width to what I've set within the CSS because the table's with is set to 100%.

When this happens is it possible to set the the width of the table to:

75% if there are 3 columns

50% if there are 2 columns

25% if there is only one column

Or is it possible to keep the width of the table at 100% and just add the extra columns if there are not 4?

The table id="catprods_tbl" and the columns (td) are is set to id="column_main"

I have included the example of the layout when there are only two columns on the last page.

Hope someone can help.

http://jsfiddle.net/5AgrD/4/

Hi guys,

I've got an example here: http://jsfiddle.net/gz6Dv/5/

This is a setup for a product listing within a table. I wish to move the <table> with id="item_Tbl" relative in position to the <span> id="tablerelative" so it's positioned either above or below this span.

I'm guessing this may not even need javascript it maybe just a CSS change? But either method is welcome as a response?

Thanks

Hi guys,

wondering if anyone can help?

I am wanting to select a set piece of html and and replace it with another piece of html.

I've used the replaceWith command but I don't think I've written the script correctly to select the piece of html as it breaks the script.

thanks guys

Hi guys,

I now know how to write remove statment if its to remove one piece of html such as a <hr/>

However in this case I'm trying to write a bit of javascript to remove a <b>TEXT</b> with whatever text inside. And in this case it's only for a line of text that apears in a <td> which has a class:

This is the html:

1. <td class="column_main"><b>NEW IN</b>&nbsp;&nbsp;</td>

Hi Guys I have this form:

1. <form name="summary" method="post" action="https://edgeoftheworld.securetill.com/index.html?v3rYm4dVaR5=c57d1fafd44a333bf1e9de02eb123052&url=www.edgeoftheworld.co.uk" onsubmit="submitGift(); disableSubmitSmry();">
2.     <input type="hidden" name="action" value="payment">
3.     <td align="center" class="column_main">
4.         <br><!----></td>
5. </tr>
6. <tr>
7.     <td align="center" class="column_main">
8.        <input type="submit" name="submit" value="Submit"  class="buttonstyle" onmouseover="this.className='buttonstyle btnhov'" onmouseout="hov(this,'buttonstyle')"></td>
9.        <input type='hidden' name='giftreceipt' value=''></input>      
10.     </form>

I need to replace it with this as a form:

1. <form name="summary" method="post" action="https://edgeoftheworld.securetill.com/index.html?v3rYm4dVaR5=c57d1fafd44a333bf1e9de02eb123052&url=www.edgeoftheworld.co.uk" onsubmit="submitGift(); disableSubmitSmry(); javascript:pageTracker._linkByPost(this)">
2.     <input type="hidden" name="action" value="payment">
3.     <td align="center" class="column_main">
4.         <br><!----></td>
5. </tr>
6. <tr>
7.     <td align="center" class="column_main">
8.        <input type="submit" name="submit" value="Submit"  class="buttonstyle" onmouseover="this.className='buttonstyle btnhov'" onmouseout="hov(this,'buttonstyle')"></td>
9.        <input type='hidden' name='giftreceipt' value=''></input>      
10.     </form>

So I'm adding the value javascript:pageTracker._linkByPost(this) to the onsubmit of the form.

I know I have the code below for replacing a form but when I add the other form to the quotes it errors the javascript. Also how to I specifically make the form I'm replacing to be that particular form?

$("form").replaceWith( "" );

Thanks

Kaz

Hi guys I have a problem with my google ecommerce tracking on my site. The problem is that when a payment is completed my site URL changes from:

www.website.com to website.securetill.com

The problem with that is when I look in my Google Analytics it displays the traffic source for all customer purchases to be from www.website.com because obviously the customer is converting on website.securetill.com and the last site domain they were on is www.website.com

The developers of our ecommerce system say they are unable to help us change this at the moment as they only have one area for providing a secure connection to all their customers. I'm told there may be a fix that can be applied using javascript but I've absolutely no idea how to go about something like this.

Has anyone else got this problem with their site and have they managed to create a work around?

Or does anyone have any ideas for making this work?

Thanks people

Hi guys,

I've a function for my search form. Basically when you click on the form box where it says "Enter your search here" this value disapears when you click in the box. When you click out the box it re adds the value. It works if you click return on the keyboard and performs the search no problem. However if you click the search button with the mouse it removes the search term and replaces it back with "Enter your search here". This obviously will not return the search.

Anyone know how I can fix this so this does not happen on the mouse click?

I've used jsfiddle to add the html and javascript but it is not working in there, but works if you add it to dreamweaver and look at it within a browser. http://jsfiddle.net/yNtLJ/2/

This is the code:

1. <script type="text/javascript">
2. function make_blank()
3. {
4. document.searchform.quicksearch.value ="";
5. }
6. </script>
7. <script type="text/javascript">
8. function give_value()
9. {
10. document.searchform.quicksearch.value ="Enter your search here";
11. }
12. </script>
13. 
    
14. <form method="post" action="/index.html" onsubmit="if(this.quicksearch.value == '' || this.quicksearch.value.length < 2) { alert('Please enter a search term'); return false; }" name="searchform">

1. <div class="search-input-bounding"><input style="font-size:11px;" type="text" class="search-input" name="quicksearch" value='Enter your search here' onclick="make_blank();" onblur="give_value()"/></div>
2.     <div class="SearchButton"><input type="submit" style="font-family: Arial,Helvetica,sans-serif; font-size: 9px; font-weight: bolder;" id="search" class="buttonstyle1" name="search" value="SEARCH" /></div>
3.     <input type="hidden" name="action" value="search" /><input type="hidden" name="submit" value="Go" /> <input type="hidden" name="searchtype" value="prodNameID" />
4. </form>

The following is a javascript file that I need held under a secure connection for when a customer is making a purchase on my site.

http://cachedcommons.org/cache/jquery-jcarousel/0.2.5/javascripts/jquery-jcarousel.js

How can I get this referenced under a secure connections?

Thanks people

Hi there,

I'm trying to remove an option in a dropdown menu so it's default is not Select. I'm using jquery-latest.js

This is the html:

1. <tbody>
       <tr>
           <td class="column_main" align="center"><b>Size</b><br>
               <select name="select_5" onchange="showOption(document.forms['form1'], document.forms['form1'].additemID, 'select_5');" class="font_input">
                   <option value="">Select</option>
                   <option value="44">S</option>
                   <option value="45">M</option>
                   <option value="46">L</option>
                   <option value="47">XL</option>
               </select>
           <br></td>
       <td class="column_main" align="center"><b>Colour</b><br>
       <select name="select_10" onchange="showOption(document.forms['form1'], document.forms['form1'].additemID, 'select_10');" class="font_input">
       <option value="">Select</option>
       <option value="527">Amazon Green</option>
       </select><br>
           </td>
       </tr>
   </tbody>

This is the javascript:

1. <!--Supposed to removes option value="" where the text inbetween the <option>Select</option> -->
   <script>
           $("option").attr("", function() {
             replaceWith( "" );
           });
   </script>

It doesn't seem to be working. When I do it without an attribute it replaces the lot of options which isn't what I'm after.

Hope some one can help :)