jQuery Forum

So I have code like this that I want to execute every time an accordion item is opened or closed:

1. var tabletContent = parseFloat($('.twoCol').css("height") + $('.sideColumn').css("height"));
2.         if (tabletContent > 400)
3.         {
4.         $('#sidebar').css("min-height",tabletContent);
5.         }
6.         else
7.         {
8.         $('#sidebar').css("min-height",400);
9.         }

I've tried to insert it into $.widget in places that seem relevant, like

1. if(_this.opened){
2.                 _this.close();
3.             }

But tabletContent ends up not being the actual value of for example the expanded content. The value changes somewhat, I can see that in FF dev tools, but it's like 1000px when it should be 1400px etc.
How to go about this?

Is it possible to make an infinite loop of a cross-fading border-image? This CSS property uses only the shorthand and browsers won't accept longhand, so this is problematic with jQuery's .css()

I'm writing a tutorial for efficient broken link checking and fixing with Xenu Linksleuth. I would like to fetch and print the titles of all the links in the link report. To be specific, I would manually remove all the broken urls from the report, leave the ones that are ok and then review the titles I get to determine any parked domains or such.

I would like this script to be dynamic, so it only fetches the titles as I scroll down the page (lazy behavior). Also to minimize bandwidth the PHP would stop reading the remote page after the title tag.

For now, I've only managed to insert something static after every external link on the page:

1.  $(document).ready(function() {
2.         $("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])").after('Test');
3. });

I would have to somehow ajax .load after each link this:
fopen_testv3.php?link=
with the correct link being passed.

My current PHP code might need some improving, too, if you have some suggestions about error handling, bandwidth minimizing etc.:

1. $url=$_GET["link"];
2. function getTitle($url) {
3.         $fh = fopen($url, "r");
4.         $str = stream_get_line($fh, 1024); 
5.         fclose($fh);
6.         $str2 = strtolower($str);
7.         $start = strpos($str2, "<title>")+7;
8.         $len   = strpos($str2, "</title>") - $start;
9.         return substr($str, $start, $len);
10. }
11. echo  getTitle($url);

Applied this:
http://stackoverflow.com/questions/1818467/how-to-apply-100-height-to-div

Like this:

1. $(function() {
2.     $(window).resize(function() {
3.         $('.wrapperala').height($(window).height() - $('.wrapperala').offset().top - ($('.wrapperala').outerHeight(true) - $('.wrapperala').height()));
4.         $('.wrapperala').width($(window).width() - $('.wrapperala').offset().right - ($('.wrapperala').outerWidth(true) - $('.wrapperala').width()));
5.     });
6.     $(window).resize();
7. });

I have shadows in the div that is over the gradient div I'm stretching and somehow the gradient won't stretch under the shadows when there are scrollbars:


This is the hierarchy, first is bodywrapper, then the content (#sisalto) is inside the gradient div (.wrapperala):

1. html {
2. height: 100%;
3. width: 100%;
4. }
5. body {
6. background: #fff;
7. height: 100%;
8. width: 100%;
9.     background: url('../kuvat/laatat_edit.jpg') repeat;
10. }
11. #bodywrapper {
12.   position:absolute;
13.   top: 0px;
14.   left: 0px;
15.   width:100%;
16.   min-width: 100%;
17.   width:auto !important;
18.   min-height: 100%;
19.   height:auto !important;
20.   height:100%;
21.   z-index: 1;
22. }
23. .wrapperala {
24.     background: #000000; /* old browsers */
25.     background: -moz-linear-gradient(#4C3E2E 1%, #B7956E 3%, #F78F20 50%, #FFD059 100%); /* firefox */
26. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B7956E), color-stop(90%,#F78F20), color-stop(100%,#FFD059)); /* webkit */
27.     -pie-background: linear-gradient(#3F9FFF, #FFD059);  /* PIE */
28.     behavior: url(htc/PIE.htc);
29.     padding: 0;
30.     margin: 0;
31. }
32. #sisalto {
33.     clear: left;
34.     position: relative;
35.     z-index: 1;
36.     padding: 2em 1em;
37.     border: 1px solid #AAA;
38.     background: #EEE;
39.     -webkit-box-shadow: -5px 9px 1em rgba(0,0,0,0.5), 5px 9px 1em rgba(0,0,0,0.5);
40.     -moz-box-shadow: -5px 9px 1em rgba(0,0,0,0.5), 5px 9px 1em rgba(0,0,0,0.5);
41.     box-shadow: -5px 9px 1em rgba(0,0,0,0.5), 5px 9px 1em rgba(0,0,0,0.5);
42.     behavior: url(htc/PIE.htc);
43.      width:980px; margin-left:auto ;margin-right: auto ;text-align: left;
44. }

What gives?

Is there a way to get any jQuery plugin to work within ajaxed content of tabs? Or is a general solution impossible and one would have to customize with .delegate or .live every time?

I'm using jQuery Tools ajaxed tabs and trying to get form submitting to work inside a page fetched with ajax. I figured I would try the .live-functionality in jQuery (1.4.3), but no effect.
Here's what I tried:

<script type="text/javascript">
jQuery(function( $ ){
$( "form" ).live(
"submit",
function( event ){ 

var datas = {
 env_report: 'REMOTE_HOST,HTTP_USER_AGENT'
 recipient: 'mymail@somehost.com',
 name: Name,
};

$.ajax({ 
 type: "POST", 
 url: "cgi-bin/FormMail.pl", 
 data: datas, 
 
});
});
});
</script>

Nevermind the FormMail script, I will switch to something better..

Edit: Problem sorted.. a pop up image I had assigned to the submit button was messing things up.