Jump to content

stuck

Member
  • Posts

    20
  • Joined

  • Last visited

Posts posted by stuck

  1. havent got a url as im just experimenting at the moment but this is the sample code:

     

    <script type="text/javascript" src="/js/jquery/ui/ui.core.js"></script>

    <script type="text/javascript" src="/js/jquery/ui/ui.tabs.js"></script>

    <script type="text/javascript">

    <!--

    $(function() {

    $('#tab-container').tabs();

    });

    -->

    </script>

     

     

    <a href="#two">Click Here...</a>

     

    <div id="tab-container">

    <ul class="tabs">

    <li><a href="#one"><span>One</span></a></li>

    <li><a href="#two"><span>Two</span></a></li>

    <li><a href="#three"><span>Three</span></a></li>

    </ul>

     

    <div id="one">

    ....

    </div>

     

    <div id="two">

    <h2 id="description">Description</h2>

    </div>

     

    <div id="three">

    ....

    </div>

     

    </div>

  2. Hi - I have a link on my page which when clicked i would like it to jump to a section on the same page but thats sits inside a tab.

    Now, currently this only works if the tab which contains the id is already open - using a href="#description" as the source, and <h2 id="description"> as the destination.

     

    How do i get round this issue?

    Its almost as tho the browser thinks that if the content is not visible then it doesn't exist...

  3. no url but here's my css:

     

    #price { float: left; width: 100%; padding-bottom:40px;}

    #price li { margin: 0.4em 0; padding: 0; display: block; }

    #price li label { margin: 0.4em 0; text-align: left; display: inline; float: none; position: static; }

    #price li label#item-quantity { width: auto; text-align: left; float: none; display: inline; }

    #price li input#quantity-top { width: auto; }

    #price li.item-button { /*margin-bottom: 2.5em;*/ }

    #price li input#add-item-to-basket { }

    #price li.rent{ /*line-height: 4em;*/ }

     

    And this is the markup:

     

    <ul id="price">

    <li><strong>£359.00</strong></li>

    <li>£421.82 inc VAT</li>

    <li>Availability: 278 in stock<br />

    47 next day from supplier<br />

    0 in 2–3 days

    </li>

    <li><label for="quantity-top" id="item-quantity">Quantity</label> <input name="quantity" id="quantity-top" size="2" value="1" maxlength="3" type="text" /><input type="hidden" name="code" id="code" value="" /></li>

    <li class="item-button"><input type="image" id="add-item-to-basket" src="/ui/buttons/add-to-basket-large.gif" width="160" height="40" alt="Add to Basket" title="Add to Basket" />

    </li>

    <li class="rent"><a href="/rent">Rent</a></li>

    </ul>

  4. thanks but i tried line height. what this does move the list item even further down in the other browsers which already show it as i would like. plus line-height effectively is creating space above and below and so everything underneath the list is being shunted down too.

  5. Two list items. The top item contains a button. The last item in the list is a link.

    The problem i have is the last item (link) sits behind the button of the list element above it in the list.

     

    This is an IE issue. The list looks fine in all other browsers.

     

    This is the HTML: (the whole thing sits inside a form, hence the input src)

     

    <ul>

    <li><input type="image" id="button" src="/ui/buttons/add.gif" width="160" height="40" alt="Add" title="Add" /></li>

    <li class="rent"><a href="/rent">Rent</a></li>

    </ul>

     

    I have tried using display: block on li but to no avail.

    I can add a bottom-margin to the top list item (button) to push the link down from behind it, but it is doing the same for other browsers so the link ends up sitting miles below the button in other browsers.

     

    I know there must be an easy solution but i can't somehow put my finger on it. Pls help!

  6. Nope - unable to find any article or demo which uitilises jprint for what i am trying to achieving.

    Basically, my client is another who will only read articles in print.

    He really needs the content to be printed in columns rather than a page-wide block of text.

    If anyone has an axample of where i can educate myself on this then pls pls pls let me know about it.

    Best Rgds

  7. if your familiar with jquery at all, there a program called jprint that works really well.

     

    you can tell it to print everything in certain <div> tags.

     

    thanks for your help - i will look into this. great stuff!

  8. is it possible using a print style sheet for my content to be printed in columns rather than spew out as it appears on screen.

    if so, how would i go about this.

     

     

    best regards

  9. I found the following javascript dropdown menu down the right hand side of this web page - looks cool.

     

    http://www.equanet.co.uk/catalogue/Computers/Laptop/Laptops

     

    one flaw with this however is that when u select an item in the list the page refreshes but the category collapses. would anyone know where i could find a menu like this one but where the collapsed and expanded states are retained after a page refresh. is it at all possible...

     

    Any help would be greatly appreciated.

  10. im looking for a menu whereby its items expand and collapse. Ideally if a link is clicked inside the expanded item, the whole item will stay active (expanded) even when other links in other list items are subsequently clciked on.

     

    To make it easier to explain i have found this one similar here:

     

    http://www.equanet.co.uk/catalogue/Computers/Laptop/Laptops

     

    but it would need to do more than this. eg clcik on price and choose an option, - how could i force the price section to remain expanded instead of collapsing when the results are updated.

     

    Im not javascript developer hence me asking for help - but i dont know if the effect i am trying to achieve can be established by any other method - anyone....?

     

    Many thanks

×
×
  • Create New...