Page 2 of 5 FirstFirst 1234 ... LastLast
Results 11 to 20 of 46

Thread: Adding text box into existing page

  1. #11
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,197
    Thanks
    1
    Thanked 235 Times in 230 Posts

    Default

    Hi there theremotedr,


    use this amended HTML...

    Code:
    
    		<script  src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    		<script  src="js/jquery.tmpl.min.js"></script>
    		<script  src="js/jquery.easing.1.3.js"></script>
    		<script  src="js/jquery.elastislide.js"></script>
    		<script  src="js/info.js"></script>
    		<script  src="js/gallery.js"></script>
    The info.js file contains just this code...

    Code:
    
       var info = [
                   '1 Welcome to The Attic Banwell where you can find Furniture & Shabby Chic items.',
                   '2 Heading away from Morissions,going down Wolvershill rd, go over M5 then turn right.',
    			   '3 This is slide 3',
    			   '4 This is slide 4',
    			   '5 This is slide 5',
    			   '6 This is slide 6',
    			   '7 This is slide 7',
    			   '8 This is slide 8',
    			   '9 This is slide 9',
    			   '10 This is slide 10',
                   '11',
    			   '12',
    			   '13',
    			   '14',
    			   '15',
    			   '16',
    			   '17',
    			   '18',
    			   '19',
    			   '20',
                   '21',
    			   '22',
    			   '23',
    			   '24',
    			   '25',
    			   '26',
    			   '27',
    			   '28',
    			   '29',
    			   '30',
                   '31',
    			   '32',
    			   '33',
    			   '34',
    			   '35',
    			   '36',
    			   '37',
    			   '38',
    			   '39',
    			   '40',
                   '41',
    			   '42',
    			   '43',
    			   '44',
    			   '45',
    			   '46',
    			   '47',
    			   '48',
    			   '49',
    			   '50',
                   '51',
    			   '52',
    			   '53',
    			   '54',
    			   '55',
    			   '56',
    			   '57',
    			   '58',
    			   '59',
    			   '60',
                   '61',
    			   '62',
    			   '63',
    			   '64',
    			   '65',
    			   '66',
    			   '67',
    			   '68',
    			   '69',
    			   '70',
                   '71',
    			   '72',
    			   '73',
    			   '74',
    			   '75',
    			   '76',
    			   '77',
    			   '78',
    			   '79',
    			   '80',
                   '81',
    			   '82',
    			   '83',
    			   '84',
    			   '85',
    			   '86',
    			   '87',
    			   '88',
    			   '89',
    			   '90'
               ];
    ...which is what you probably require.

    Check out the attachment for the two js files.

    coothead
    Attached Files Attached Files
    ~ the original bald headed old fart ~

  2. The Following User Says Thank You to coothead For This Useful Post:

    theremotedr (02-15-2018)

  3. #12
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,067
    Thanks
    156
    Thanked 3 Times in 3 Posts

    Default

    Hi,
    Thanks for that,now applied.


    Here is an example that i will face very soon no doubt.

    Lets just use thumbnail 2 in this case.

    I sell this item & now as its sold i need to delete it so its not shown in the slide show.
    So not only do i delete the image but i also need to delete the text above its main image of which lives in the info js file you just sent.

    BUT

    When i delete the description in the info js file the problem you will have is then the description of the thumbnail after will be above the thumbnail before.
    Thus having the text above the main image out of sync with the image that its supposed to be describing.

    Does this make sense as you know what im like!

  4. #13
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,197
    Thanks
    1
    Thanked 235 Times in 230 Posts

    Default

    Hi there theremotedr,

    Note the last item in an array must not have a trailing comma.

    It may prevent the code from running.

    So this...

    Code:
    
    			   '87 Alice in wonderland chair',
    			   '88 Alice in wonderland chair',
               ];
    ...should be this...

    Code:
    
    			   '87 Alice in wonderland chair',
    			   '88 Alice in wonderland chair',
    			   '89 Alice in wonderland chair'
               ];

    coothead
    ~ the original bald headed old fart ~

  5. The Following User Says Thank You to coothead For This Useful Post:

    theremotedr (02-15-2018)

  6. #14
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,067
    Thanks
    156
    Thanked 3 Times in 3 Posts

    Default

    OK,
    I thought it was a mistake so i added it ha ha.

    Does this now rule out my last post #12 or will my last post still be valid ?

  7. #15
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,197
    Thanks
    1
    Thanked 235 Times in 230 Posts

    Default

    Hi there theremotedr,

    this...

    Code:
    
    			   '85 Alice in wonderland chair',
    			   '86 Alice in wonderland chair',
    			   '87 Alice in wonderland chair',
    			   '88 Alice in wonderland chair'
               ];
    ...should be this...

    Code:
    
    			   '85 Alice in wonderland chair',
    			   '86 Alice in wonderland chair',
    			   '87 Alice in wonderland chair',
    			   '88 Alice in wonderland chair',
    			   '89 Alice in wonderland chair'
    			   '89 Alice in wonderland chair'
               ];
    ...as you have five chairs.

    Re: post #12

    I would suggest that you just remove the numbering of the info.
    It will make it a great deal easier for you when adding or removing items.

    coothead
    ~ the original bald headed old fart ~

  8. The Following User Says Thank You to coothead For This Useful Post:

    theremotedr (02-15-2018)

  9. #16
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,067
    Thanks
    156
    Thanked 3 Times in 3 Posts

    Default

    Ok,
    I thought they had to stay as you sent me them like that,shows what i know.

    Just to confirm the following please then i will continue tomorrow.

    I have removed all the numbers in the info js file, So do i also delete the 1 at the start of that line of code in the html file or do i leave it ?

    Code:
    <div id="info">1 Welcome to The Attic Banwell where you can find Furniture & Shabby Chic items.</div>
    In your last post you wrote,
    Code:
    			   '85 Alice in wonderland chair',
    			   '86 Alice in wonderland chair',
    			   '87 Alice in wonderland chair',
    			   '88 Alice in wonderland chair',
    			   '89 Alice in wonderland chair'
    			   '89 Alice in wonderland chair'
    Was the last 2 a typo as 2 x , , are missing & should only be one,like so ?

    Code:
    	           ' Alice in wonderland chair',
    			   ' Alice in wonderland chair',
    			   ' Alice in wonderland chair',
    			   ' Alice in wonderland chair',
    			   ' Alice in wonderland chair'
    Many thanks for your valid time spent helping me.
    I hope to help you out again in the future.

  10. #17
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,197
    Thanks
    1
    Thanked 235 Times in 230 Posts

    Default


    Quote Originally Posted by theremotedr View Post

    1. So do I also delete the 1 at the start of that line of code in the html file or do i leave it?
    2. Was the last 2 a typo as 2 x , , are missing & should only be one,like so ?

    1. Yes
    2. Yes, I am sorry about that, I must have suffered a little Brain Fart.

    coothead
    ~ the original bald headed old fart ~

  11. The Following User Says Thank You to coothead For This Useful Post:

    theremotedr (02-15-2018)

  12. #18
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,197
    Thanks
    1
    Thanked 235 Times in 230 Posts

    Default

    Hi there theremotedr,

    I have noticed that sometimes the code would freeze, so
    I have amended the javascript to prevent that happening

    You might also find it helpful to number the HTML thumbnail li elements and the info.js.
    This would enable you to amend matching items when sold.

    See the attachment.

    coothead
    Attached Files Attached Files
    ~ the original bald headed old fart ~

  13. The Following User Says Thank You to coothead For This Useful Post:

    theremotedr (02-15-2018)

  14. #19
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,067
    Thanks
    156
    Thanked 3 Times in 3 Posts

    Default

    Hi,

    I will change these files now.

    Can you show me an example please of numbering them so i can follow / edit from there.

  15. #20
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,197
    Thanks
    1
    Thanked 235 Times in 230 Posts

    Default

    Hi there theremotedr,

    I have already done it in the amended files.

    Examples...

    HTML

    Code:
    
    <li data-num="1"><img src="images/thumbs/007.jpg" alt="Shabby Chic Furniture In Banwell BS29 6LB" data-large="images/fulls/007.jpg" data-description="Please select an image below <br> to be shown a larger version"></li>
    <li data-num="2"><img src="images/thumbs/008.jpg" alt="Shabby Chic Furniture In Banwell BS29 6LB" data-large="images/fulls/008.jpg" data-description="We are 1/4 mile from Morrisons W-S-M<br> go over M5 bridge then turn in right"></li>
    <!-- For sale items start here -->
    <li data-num="3"><img src="images/thumbs/100.jpg" alt="Shabby Chic Furniture In Banwell BS29 6LB" data-large="images/fulls/100.jpg" data-description="Keepsake box £20 <br> H 90cm W 27cm D 35cm"></li>
    
    JavaScript

    Code:
    
     var info = [
                   /*1*/ 'Welcome to The Attic Banwell where you can find Furniture & Shabby Chic items.',
                   /*2*/ 'Heading away from Morissions,drive down Wolvershill rd, go over M5 bridge then turn in right.',
    	       /*3*/ 'Keepsake box',

    cothead
    ~ the original bald headed old fart ~

  16. The Following User Says Thank You to coothead For This Useful Post:

    theremotedr (02-15-2018)

Similar Threads

  1. Adding a function to existing Jquery script
    By arn in forum Looking for such a script or service
    Replies: 1
    Last Post: 11-02-2010, 12:17 AM
  2. Replies: 0
    Last Post: 10-01-2009, 11:53 AM
  3. adding drop-down menus to an existing website
    By legalwalleye in forum CSS
    Replies: 10
    Last Post: 09-18-2008, 05:14 PM
  4. Adding mouse over to existing script
    By stcrim in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 10-15-2007, 01:45 AM
  5. Help adding hyperlink to existing slideshow
    By carriehoff in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 09-06-2005, 02:15 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •