adding a href class to javascript code?

Question

Im using a jquery snippet to pull in a wordpress rss feed to my site. Im new to coding and pulled this together with some luck.

my question is how can I pass an href class="iframe" for code that looks like this?

rssoutput+="<li><a href='" + thefeeds[i].link + "'>" + thefeeds[i].title + "</a></li>"

thank you!

<script>
$(document).ready(function(){
        //Examples of how to assign the ColorBox event to elements
        $(".group1").colorbox({rel:'group1'});
        $(".group2").colorbox({rel:'group2', transition:"fade"});
        $(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
        $(".group4").colorbox({rel:'group4', slideshow:true});
        $(".ajax").colorbox();
        $(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344});
        $(".iframe").colorbox({iframe:true, width:"80%", height:"100%"});
        $(".inline").colorbox({inline:true, width:"50%"});
        $(".callbacks").colorbox({
            onOpen:function(){ alert('onOpen: colorbox is about to open'); },
            onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
            onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
            onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
            onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
        });

        //Example of preserving a JavaScript event for inline calls.
        $("#click").click(function(){ 
            $('#click').css({"background-color":"#fff", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
            return false;
        });
    });
</script>

Pastor Bones · Accepted Answer · 2011-11-29 18:31:06Z

3

Just add the class attribute to the string

rssoutput+="<li><a href='" + thefeeds[i].link + "' class='iframe'>" + thefeeds[i].title + "</a></li>"

EDIT

where the ID of your iframe is myFrame

rssoutput += "<li><a href='" + thefeeds[i].link + "' class='iframe' target='myFrame'>" + thefeeds[i].title + "</a></li>"

edited Nov 29, 2011 at 18:31

answered Nov 29, 2011 at 18:04

Pastor Bones

7,3813 gold badges39 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

10 Comments

user1071890 Over a year ago

hmmm. doesnt seem to work. getting there though. the page opens outside of the iframe. iframes are working in other areas of the site

Pastor Bones Over a year ago

If you're wanting the link's resulting page to open in the same iframe, first give the iframe an ID and then target it in the link. See example in the edit above.

user1071890 Over a year ago

i feel like its close..im playing with it now.

Jonathan Lonowski Over a year ago

@user1071890 - It's missing a closing ' for the href. It should be after the 3rd " -- (snip) thefeeks[i].link + "' class='iframe'>"

user1071890 Over a year ago

how can i make the ID for the iframe? its generated in javascript dynamically? im sorry for my noobishness. maybe this is bigger than i thought

|

user1046334 · Accepted Answer · 2011-11-29 18:14:59Z

0

Learn to do the less "stringy" code (the code where everything is done with string manipulation), but to use structured objects. If you use jQuery, you can as well use jquery-mochikit-tags project from github.com (finding it left as an exercise to the reader :-) ) and create html programmatically and using jQuery constructs like append or appendTo like this:

$.LI(
  $.A(
    {'href': thefeeds[i].link, 'class': 'iframe'},
    thefeeds[i].title
  )
).appendTo('#containerOfRssOutput');

answered Nov 29, 2011 at 18:14

user1046334

2 Comments

user1071890 Over a year ago

thank you. i see what you are doing there but that is beyond my skills. im using a plugin written by someone else. just trying to fit it into my site.

user1046334 Over a year ago

If you see what am I doing here, then it is definitely not beyond your scope. :-) You should give it a try.

Collectives™ on Stack Overflow

adding a href class to javascript code?

2 Answers 2

10 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

10 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related