Place link inside Jquery -


i using code found on jsfiddle http://jsfiddle.net/mekwall/fnyhs/ since seems best situation need dynamical text fit container (by changing font size).

(function($) { $.fn.textfill = function(maxfontsize, maxwords) {     maxfontsize = parseint(maxfontsize, 10);     maxwords = parseint(maxwords, 10) || 4;     return this.each(function(){         var self = $(this),             orgtext = self.text(),             fontsize = parseint(self.css("fontsize"), 10),             lineheight = parseint(self.css("lineheight"), 10),             maxheight = self.height(),             maxwidth = self.width(),             words = self.text().split(" ");          function calcsize(text) {             var ourtext = $("<span class='dyntextval'><a href='#' class='trigger'>"+text+"</a></span>").appendto(self),                 multiplier = maxwidth/ourtext.width(),                 newsize = fontsize*(multiplier-0.1);             ourtext.css(                 "fontsize",                  (maxfontsize > 0 && newsize > maxfontsize) ?                      maxfontsize :                      newsize             );             var scrollheight = self[0].scrollheight;             if (scrollheight  > maxheight) {                 multiplier = maxheight/scrollheight;                 newsize = (newsize*multiplier);                 ourtext.css(                     "fontsize",                      (maxfontsize > 0 && newsize > maxfontsize) ?                          maxfontsize :                          newsize                 );             }         }         self.empty();         if (words.length > maxwords) {             while (words.length > 0) {                 var newtext = words.splice(0, maxwords).join(" ");                 console.log                 calcsize(newtext);                 self.append("<br>");             }         } else {             calcsize(orgtext);         }     }); }; })(jquery);    $(document).ready(function() { $('.large').textfill({ maxfontpixels: 120, minfontpixels: 36}); $('.medium').textfill({ maxfontpixels: 32 }); $('.small').textfill({ maxfontpixels: 18 });         });

but having problem part:

var ourtext = $(""+text+"").appendto(self),

the thing need link inside there toggles div once clicked.

the toggle:

$(".side-toggle").hide(); $('.trigger').click(function() {     $(this).closest('.group').find('.side-toggle').slidetoggle();     return false; //prevent browser jump link anchor });  $(".toggle").click(function() {     $(this).next(".group").slidetoggle(); });

the toggle works itself, not when implement code text fill code.

the html:

<div class="quepasa">   <div class="large artist">     <span class="dyntextval">       <a title="<?php the_title();?>" href="#" class="trigger">         <?php if ( get_the_title() ) the_title(); else the_id(); ?>+       </a>     </span>   </div> </div>

i don't have enough jquery knowledge know how: a) put link in? b) keep toggle function

i hope out there can me out.

what's happening toggle break in javascript stack, or simply, error on makes else go hell.

example:

let's causes error (cannot call bar on undefined)

var darth = $('#foo').data().bar;

then in block of code:

$('#threepeeoh').hide(); var darth = $('#foo').data().bar; $('luke').show('fade', 500);

#luke never show because there error on line before. #threepeeoh able hide because did before darth showed , threw error. , code happens after not executed. (it's worth googling " js try/catch blocks")

so, when add textfill code, must throwing error , making seem toggle fubar.

as far error is, need learn use javascript debugger web browser , see error thrown. far can tell, var ourtext = $(""+text+"").appendto(self) isn't in code block posted, nor fiddle, don't know you're talking about.

so:

  1. go find developer console use javascript debugger (firefug popular, chrome has 1 built in, hit ctrl shift j)
  2. refresh, error (most in red)
  3. edit question (might better ask new one) , post error code near error thrown ( file , line number provided )
  4. if possible, upload sample of work public server don't plan delete, community can reference it.

Comments

Post a Comment

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

i need display gallery of photos. here template: @(photos: list[photo]) @title = { <bold>gallery</bold> } @main(title,"photo"){ <ul class="thumbnails"> @for(photo <- photos) { <li class="span3"> <a href="#" class="thumbnail"> <img src="@photo.path" alt=""> </a> </li> } </ul> } and here controller method: public static result getphotos() { return ok(views.html.photo.gallery.render(photo.get())); } and here photo bean : @entity public class photo extends model { @id public long id; @required public string label; public string path; public photo(string path, string label) { this.path = path; this.label = label; } private static finder<long, photo> find = new finder<long, photo>( long.class, photo.class); public static list<phot...
Read more

gmail - Is there any documentation for read-only access to the Google Contacts API? -

i want read-only access user's google contacts. there stackoverflow member wanted this, , received following answer : yes, there is, use https://www.googleapis.com/auth/contacts.readonly scope , "view contacts". this exchange reference read-only access google contacts can find using google. simply using access token obtained attempt read usual google contacts api (i.e. https://www.google.com/m8/feeds ) fails insufficient permissions. similarly, using google contacts api on new target fails 404 errors (for example https://www.googleapis.com/auth/contacts.readonly/default/full ). is there documentation anywhere on how use api, or permissible way access google contacts api full read-write access?
Read more

php - Controller/JToolBar not working in Joomla 2.5 -

relevant code: jtoolbarhelper::custom('savecategories', 'save', '', 'save', false, false); ... <input type="hidden" name="controller" value="easyblogcontroller"> according can dig docs , own previous questions, should call savecategories() function in easyblogcontroller . i've tried setting value easyblog , easyblog.php (file name) current easyblogcontroller (class name). clicking on save button refreshes page. not redirect, echo or var_dump test code put in savecategories() function. var_dump ing jrequest::getvar('controller') , 'task' return correct values. creating controller object , using $controller->execute('task'); works. the values going depend on location of controller trying call, , have couple options here. typically there controller in base folder of component (likely components/com_easyblog) in file called controller.php , class name inside ...
Read more