Search Results

Search found 2172 results on 87 pages for 'ul'.

Page 40/87 | < Previous Page | 36 37 38 39 40 41 42 43 44 45 46 47  | Next Page >

  • KRL and Yahoo Local Search

    - by Randall Bohn
    I'm trying to use Yahoo Local Search in a Kynetx Application. ruleset avogadro { meta { name "yahoo-local-ruleset" description "use results from Yahoo local search" author "randall bohn" key yahoo_local "get-your-own-key" } dispatch { domain "example.com"} global { datasource local:XML <- "http://local.yahooapis.com/LocalSearchService/V3/localsearch"; } rule add_list { select when pageview ".*" setting () pre { ds = datasource:local("?appid=#{keys:yahoo_local()}&query=pizza&zip=#{zip}&results=5"); rs = ds.pick("$..Result"); } append("body","<ul id='my_list'></ul>"); always { set ent:pizza rs; } } rule add_results { select when pageview ".*" setting () foreach ent:pizza setting pizza pre { title = pizza.pick("$..Title"); } append("#my_list", "<li>#{title}</li>"); } } The list I wind up with is . [object Object] and 'title' has {'$t' => 'Pizza Shop 1'} I can't figure out how to get just the title.

    Read the article

  • JQuery Scrollable List Dissapears if scrolled IE7

    - by namtax
    Hi there I have created a time picker using jquery, using the following code // Display Time Picker $('.time').click(function(){ $('.timePicker').remove(); var thisTime = $(this); var timePicker = '<ul class="timePicker">' timePicker += '<li>09:00</li>' timePicker += '<li>09:15</li>' timePicker += '</ul>' thisTime.after(timePicker); $('.timePicker').fadeIn() $('.timePicker li').click(function(){ term = $(this).html(); $(thisTime).val(term); $('.timePicker').remove(); }); }).blur(function(){ $('.timePicker').fadeOut(); }); This adds a dropdown scrollable list of times to any input field with the class "time". This functions as expected in all browsers apart from IE7, where if I scroll the list to choose a time lower down in the list, the list dissapears.. Hope that makes sense, any help would be much appreciated Many thanks

    Read the article

  • Zend Navigation add extra id

    - by lander
    I made a menu with zend_navigation, using an ini file. That work well. If I look at the code, i see that zend has added a class, to the ul element. With a name that i use in my ini file. But now I want to add also a id to the ul element. How can I do this? protected function _initNavigation() { $this->bootstrap('layout'); $layout = $this->getResource('layout'); $view = $layout->getView(); $iniOptions = array('allowModifications' => true); $config = new Zend_Config_Ini(APPLICATION_PATH . '/configs/navigation.ini', 'nav', $iniOptions); $config->id = 1; $navigation = new Zend_Navigation($config->navigation); $view->navigation($navigation); }

    Read the article

  • CSS Image Rollovers

    - by dcolumbus
    <div id="navigation> <ul class="navlist"> <li><img src="images/btn1.gif"/></li> <li><img src="images/btn2.gif"/></li> <li><img src="images/btn3.gif"/></li> </ul> </div> How would I be able to give these "buttons" within the list rollover states without using JS? I'm totally drawing a blank... These links must be images.

    Read the article

  • finding highlighted(preselcted) text using xpath or css

    - by doneright
    In following 2 snippets of html code, I'm trying to create xpath or css for finding if span(Element1 in snippet 1 and Element 2 in snippet 2) are highlighted(preselected) when page is loaded <div id="idc" class="tre"> <ul id="idCatT_srt_ul" class="abc"> <li class="treN treB treSelected" title="Element1 title"> <span class="spclass">Element1</span> </li> </ul> </div> Element 2 Text

    Read the article

  • jQuery - events won't fire for dynamically created tab elements..

    - by Amit
    Hi, I am using jQuery UI Tabs. <div id="tabs"> <ul id="tablist"> <li><a href="#fragment-1"><span>One</span></a></li> </ul> </div> I have a button that adds new tabs. I use the following code: var newTabId = $('#tabs').tabs('option', 'selected') + 1; $('#tabs').tabs("add",'someUrl.htm','New Tab',newTabId); (Tab will be added next to the currently selected tab) Now none of the newly added tabs fire any events such as a click or hover $('#tablist li').click(function(){ alert('test message'); }); But events fire properly for the tabs that were there in the initial source code. How to resolve?

    Read the article

  • jQuery-UI tabs - load just once

    - by user256034
    I'd like the load content of my tabs thru AJAX, but only on the first tab click. Now the tabs gets loaded every time I click on any tab. Is this possible ? My html <div id="tabContainer"> <ul> <li><a href="/Home/Tab1">Tab1</a></li> <li><a href="/Home/Tab2">Tab2</a></li> <li><a href="/Home/Tab3">Tab3</a></li> </ul> </div> EDIT I cannot use the Cache option,because the content in the tabs may change..

    Read the article

  • Jquery image preview thumbnail doesn't seem to work....

    - by Pandiya Chendur
    I just tried the tooltip like this Easy image preview... But i cant get it to work.... I used this, <style> body { margin:0; padding:40px; background:#fff; font:80% Arial, Helvetica, sans-serif; color:#555; line-height:180%; } h1{ font-size:180%; font-weight:normal; color:#555; } h2{ clear:both; font-size:160%; font-weight:normal; color:#555; margin:0; padding:.5em 0; } a{ text-decoration:none; color:#f30; } p{ clear:both; margin:0; padding:.5em 0; } pre{ display:block; font:100% "Courier New", Courier, monospace; padding:10px; border:1px solid #bae2f0; background:#e3f4f9; margin:.5em 0; overflow:auto; width:800px; } img{border:none;} ul,li{ margin:0; padding:0; } li{ list-style:none; float:left; display:inline; margin-right:10px; } /* */ #preview{ position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; } /* */ </style> <script type="text/javascript" src="jquery.js"></script> <ul> <li> <a href="Images/4.jpg" class="preview" title="Lake and a mountain"> <img src="Images/4s.jpg" alt="gallery thumbnail" /> </a> </li> </ul> and included style... Nothing happens when i hover over the anchor tag....

    Read the article

  • Wordpress Post order

    - by kwek-kwek
    I wanted to re-arrange my post in wordpress so they go Ascending/Descending. Here is my code: <ul> <?php $postslist = get_posts('cat=3,4,5,numberposts=5&order=DESC&orderby=date'); foreach ($postslist as $post) : setup_postdata($post); ?> <li> <span class="date"><?php the_time('M j') ?></span> <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a> </li> <?php endforeach; ?> </ul> Each post is pulled from different categories.

    Read the article

  • Jquery roller/toggle effect

    - by Paul Higgins
    Hi, I'm looking for a "roller toggle" in jquery (ideally using a plugin). If I have the following HTML: <ul> <li>Option 1</li> <li>Option 2</li> <li>Option 3</li> </ul> I would like the first option to be displayed and the others hidden. Each time I "tap/click" on an option it displays the next and loops around to the first one after the last one. When used on a mobile web device I'd like it respond to swipe up/down events and appear like a "roller" (i.e. using a slide up/down effect). Too much to ask? Hopefully not, any pointers appreciated. Thanks, Paul

    Read the article

  • Conflicts between CSS Menu and Image as Links

    - by user354051
    There is logo on the top (image as link) and other images as links. These links are not working in FF and safari. The problem is with css/ul/li based navigation menu. If I remove the menu html code, images as links are working fine. The css based navigation menu is based on this code: /* Navigation Menu */ #nav a, #nav a:hover, #nav a:focus {...} #nav {...} #nav ul {...} #nav .menu .level1-li {...} #nav .menu a {...} #nav .menu a.level1-a {...} #nav .menu .sub {...} #nav .menu .sub a {...} #nav .menu a:hover {...} I am not much familiar with CSS and this is the example I have downloaded from the web. It seems "a" is doing something wrong here. Prashant

    Read the article

  • How to Change the url of the page when jquery ui tabs is clicked

    - by Aakash Chakravarthy
    Hello, I have jquery tabs list like <ul id="tabsList"> <li><a href="#tab-1">TAB 1</a></li> <li><a href="#tab-2">TAB 2</a></li> <li><a href="#tab-3">TAB 3</a></li> </ul> and contents for it like <div id="tab-1">...</div>, <div id="tab-2">...</div>, <div id="tab-3">...</div> When the tab is clicked, the tab changes correctly. But i want the id of the tabs be in the url. i.e when tab 2 is clicked, the URL should change to http://example.com/index.htm#tab-2 when tab 1 is clicked, the URL should change to http://example.com/index.htm#tab-1 How to do this ?

    Read the article

  • Jquery Auto complete append link at the bottom

    - by Ashwin Preetham Lobo
    I am using jQuery auto-complete plugin in my web project. I want to show 3 element and after that i want to append 'see all results' link to the bottom. I tried with following code. $( ".grid-search-box" ).autocomplete({ minLength: 0, source: temp, focus: function( event, ui ) { $( ".grid-search-box" ).val( ui.item.value ); return false; }, select: function( event, ui ) { $( ".grid-search-box" ).val( ui.item.value ); return false; } }).data( "autocomplete" )._renderItem = function( ul, item ) { return $( "<li></li>" ) .data( "item.autocomplete", item ) .append( "<a><span class='" + item.status + "'></span>" + item.value + "</a>" ) .appendTo( ul ); }; Can anybody suggest me, how to solve it.

    Read the article

  • Turn a collection of headings, paragraphs and lists into one hyperlink

    - by Moak
    Is there a valid non js way to turn a collection of headings, paragraphs and lists into one url? (like in advertisements?) <a href="http://www.example.com" class="allclickable"> <h2>Fresh Bread</h2> <p>Delivered to your door</p> <ul> <li>Daily</li> <li>Fresh</li> <li>Bread</li> </ul> </a> This does not validate and I do want the href to be display as block element (so also the space around the text is clickable). Cheers

    Read the article

  • Will news ticker using overflow:hidden cause Google to see site as spam?

    - by molipix
    In the hope of tempting Googlebot with fresh content, I've implemented a homepage news ticker which displays the 20 most recent headlines on our site. The implementation I have chosen is a <ul> with each headline being a <li> Initially all the <li> elements have no style but Javascript kicks in on page load and gives all but one of them a display="style:none" attribute. Javascript then displays each of the other 19 headlines in a loop. So far so good. However, in order to prevent a visually unplesant page load where the 20 items display and then immediately collapse, I am using overflow:hidden on the <ul> element. Anyone got a view on what Googlebot is likely to make of this? Does the fact that I'm using overflow:hidden make the content look like spam?

    Read the article

  • How to resolve "Could not convert JavaScript argument arg 0 [nsIDOMHTMLDivElement.appendChild]" erro

    - by Holicreature
    i have a json object returned from ajax and when i alert it, it is displayed correctly and i try to add those into a unordered list and add that to a place holder div, but throws the above error.. function handleResponse() { if(httpa.readyState == 4){ var response = httpa.responseText; //alert(response); if(response!='empty') { //alert(response); eval("prod="+response); var len = prod.length; var st = "<ul>"; for(var cnt=0;cnt<len;cnt++) { st = st + "<li onclick='set("+prod[cnt].id+")'>"+prod[cnt].name+"</li>"; } st = st + "</ul>"; } var tt = document.getElementById('holder1'); tt.appendChild(st); // i even tried **tt.appendChild(eval(st));** tt.style.display = 'block'; } }

    Read the article

  • jQuery: Trouble inserting DOM elements

    - by Rosarch
    I want to add a set of lists to the children of another DOM element: var req_subsets = $("#req_subsets"); $.each(subsets, function(index, subset) { var subset_list = $("<ul></ul>"); // add DOM elements to subset_list req_subsets.append(subset_list); }); However, only one DOM element is ever added. This makes me suspect that when I assign a new value to subset_list, the old one is overwritten. If that is the problem, how do I avoid it? If not, what else am I doing wrong? UPDATE: I changed something else, and I'm almost entirely certain that this is fixed.

    Read the article

  • PHP - While loop

    - by Karl Entwistle
    print "<ul>"; foreach ($arr as $value) { echo("<li>" . $value[storeid] . " " . ($value[dvdstock] + $value[vhsstock]) . "</li>"); } print "</ul>"; Will output •2 20 •2 10 •1 20 •1 20 •1 10 I was wondering how I would adapt this loop so it outputs the total values for each &value[storeid] •1 50 •2 30 Thanks very much :)

    Read the article

  • Can my Facelets converter depend on a `ui:repeat` loop var?

    - by harto
    The following doesn't work as I'd hoped: <ul> <ui:repeat var="i" value="#{fn:split('1,2,3,4', ',')}"> <li> <h:outputText value="1.2345"> <f:convertNumber minFractionDigits="#{i}" maxFractionDigits="#{i}" /> </h:outputText> </li> </ui:repeat> </ul> I was hoping to see: 1.2 1.23 1.234 1.2345 Instead I see: 1 1 1 1 What am I missing? My real use-case involves a RichFaces rich:dataTable component instead of a ui:repeat, but the gist is the same.

    Read the article

  • Stuck with jQuery thumbnail gallery behavior

    - by Vitor
    Hi everyone, I'm trying to create a simple thumbnail viewer with jQuery. Here goes the code: $(function(){ $("ul.thumbnails li").click(function(e){ var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image var imgTitle = $(this).find('a').attr("href"); //Get Main Image URL $("img.featured").attr({ src: imgTitle , alt: imgAlt}); //Switch the main image (URL + alt tag) }); <div class="image-gallery"> <img class="featured" src="big.jpg"> <ul class="thumbnails"> <li id="thumb01"> <a href="big.jpg"><img src="small.jpg"></a> </li> <li id="thumb02"> <a href="big.jpg"><img src="small.jpg"></a> </li> <li id="thumb03"> <a href="big.jpg"><img src="small.jpg"></a> </li> </ul> .thumbnails li { margin: 0; padding: 5px 5px 0 5px; list-style: none; float: left; overflow: hidden; } thumbnails li img { width: 50px; height: 50px; margin: 0; padding: 0; float: left; } If i click the thumbnail, the browser goes straight to the full image instead of just changing the img src with jQuery. But I if i click somewhere inside the <li> it works. I know this must be simple, but I don't know where I'm going wrong. I've tried studying other galleries, like http://www.sohtanaka.com/web-design/examples/image-rotator/ , but couldn't find what I'm missing. I could really use some help from you guys :)

    Read the article

  • Coding a Tumblr Theme - List posts as list or just a stack of divs?

    - by Trippy
    I'm in the process of coding my own Tumblr Theme. Well I was wondering how should I list the posts? In the basic theme, (the one you get when you sign up) doesn't use list items (<li>). But I saw in another theme that it does use list items. By the way, this is what I mean... <div class="post-text"><div> <div class="post-audio"><div> ... or <ul> <li class="post-text"></li> ... </ul> I'm confused on the way I should go - I want to go to the semantic way of doing it because the theme will be built in HTML5.

    Read the article

  • Selector to select third list item?

    - by Richard Knop
    Suppose a HTML markup like this: <ul> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li><!-- I want to select only this --> </ul> Would it be possible to select only the third list item in the unordered list element? I've been browsing the jQuery documentation but I can't find any selector that could do this.

    Read the article

  • show-hide image onmouseover

    - by butters
    I have 3 images on top of each other. The first one is a normal .jpg image, the second a greyscale version and the 3rd is some kind of effect i add with a transparent .png Now what i want is that, if i move the mouse over those images, the greyscale image is hidden or replaced by another image and afterwards visible again. The problem here is that i am a js noob, so it's kind of hard for me to find a solution ^^ my code looks something like this: <html> <head> <style type="text/css"> <!-- ul li{ display: inline-table; } .frame{ position: relative; height: 110px; width: 110px; } .frame div{ position: absolute; top:0px; left:0px; } .effect{ background:url(images/effect.png) no-repeat; height:110px; width: 110px; } .image{ height:100px; width:100px; border: 1px solid red; margin:4px; } .greyscale{ height:100px; width:100px; border: 1px solid red; margin:4px; } --> </style> </head> <body> <ul> <li> <div class="frame"> <div class="image"><img src="images/pic1.jpg" height="100" width="100"></div> <div class="greyscale"><img src="images/grey1.jpg" height="100" width="100"></div> <div class="effect">qwert</div> </div> </li> <li> <div class="frame"> <div class="image"><img src="images/pic2.jpg" height="100" width="100"></div> <div class="greyscale"><img src="images/grey2.jpg" height="100" width="100"></div> <div class="effect">qewrt</div> </div> </li> </ul> </body> </html> </code></pre> would be super-awesome if someone can help me out :)

    Read the article

< Previous Page | 36 37 38 39 40 41 42 43 44 45 46 47  | Next Page >