JavaScript - Load And Replace Code

Hi all

Is there a way to get the image(s) to load into the table after the page has loaded instead of the way I have it now?

I have 4 tabs, but I would like the imgs in tabs 2,3,4 to load after page load.

Example of how the tabs look.

Code:

    	  <div class="tabbertab">
            <h2>Australia_____</h2>
                      <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFCC">
                       <caption class="highlight_Red">澳洲&nbsp; Australia
                       </caption>
  <tr>
    <td><a href="pages/promotion.html#aus_ACE" rel="nofollow" target="_blank"><img src="pages/images/Pics/AUS/ace.jpg" alt="ACE / ATTC" width="110" height="69" border="0" align="left" class="ozimg_L"/> ...a few more images etc

the other tabs look the same.

LT

i am trying to make an online graphing calculator with javascript. dont ask how because i dont know. but there is an annoying error in a do...while loop. although it should break out of the loop when the |'s (absolute value signs) are replaced with Math.abs( and ). here is the code.

Code:

var initec = function(){
    var rg = {
    }
    ;
    rg.matc = false;
    rg.i = 0;
    rg.change = function(equ){
        if (typeof(equ) != "string"){
            alert('Equation must be a string');
            return;
        }
         alert("starting equation: "+ equ);
        rg.i = 0;
        do{
            rg.matc = equ.match(/\|/);
            if(rg.i === 0){
                equ.replace(/\|/, " Math.abs(");
                rg.i = 1;
                alert("1 "+equ);
            }
            else {
                equ.replace(/\|/, " ) ");
                rg.i = 0;
                alert("0 "+equ);
            }
        }while(rg.matc) 
        alert("finished equation: " + equ);
    }
return rg;
}

rg=initec();
rg.change("|8/x+7|-2");

the last 2 lines and the alerts are for debugging. as you can see, it is not finished. but still, it should work.

This script displays a link to a registration/login form that loads in a light box for Joomla.
I've been goin nuts trying to figure out how to get this to load on page load with a delay.
Anyone know how to get this done?
PHP Code:
<?php
JHTML::_('behavior.mootools');
$document = JFactory::getDocument();
$document->addStyleSheet(JURI::base() . 'media/system/css/modal.css');
$document->addScript(JURI::base() . 'media/system/js/modal.js');
$document->addScriptDeclaration("window.addEvent('domready', function() {SqueezeBox.initialize({});});");
$user = & JFactory::getUser();

$uri = JFactory::getURI();
$url = $uri->toString();
$return = base64_encode($url);

?>
<div id="lbframeid" style="position:absolute;top:1px;left:1px;height:0px;width:0px;overflow:hidden">
<a href="http://www.wowjoomla.com/"><h1>Joomla Login LightBox powered by WowJoomla.com</h1> </a>
</div>
<?php if ($user->get('guest')) :?>
   <a href="<?php echo JRoute::_('index.php?option=com_loginbox')?>" 
      onclick="SqueezeBox.fromElement(this); return false;"  
      rel="{handler: 'iframe', size: {x: 660, y: 500}}"><?php echo JText::_('SIGNUP_LOGIN')?></a>
   <?php else: ?>
<?php echo JText::sprintf( 'HINAME', $user->get('name') ); ?>
<br>
   <a href="javascript:void(0);" onclick="LB_onLogout(); return false;"><?php echo JText::_('LOGOUT')?></a>
<?php endif; ?>
<script type="text/javascript">
function LB_onLogout() {
   var form = new Element('form');
   form.setProperty('method', 'POST');
   form.setProperty('target', '_self');
   form.setProperty('action', 'index.php');
   
   var input = new Element('input');
   input.setProperty('type', 'hidden');
   input.setProperty('name', 'option');
   input.setProperty('value', 'com_user');
   form.appendChild(input);
   
   var input = new Element('input');
   input.setProperty('type', 'hidden');
   input.setProperty('name', 'task');
   input.setProperty('value', 'logout');
   form.appendChild(input);
   
   var input = new Element('input');
   input.setProperty('type', 'hidden');
   input.setProperty('name', 'return');
   input.setProperty('value', '<?php echo $return; ?>');
   form.appendChild(input);
   
   $E('body').appendChild(form);
   form.submit();
}
</script>

Hi guys,

I am trying to insert the following call into my page;

Code:

      <script type="text/javascript" defer="true">
$('#query').autocomplete({
    serviceUrl:'service/autocomplete.ashx',
    minChars:1,
    delimiter: /(,|;)\s*/, // regex or character
    maxHeight:400,
    width:250,
    deferRequestBy: 0, //miliseconds
    params: { country:'Yes' }, //aditional parameters
    // local autosugest options:
    lookup: ['January', 'February', 'March', 'April', 'May'] //local lookup values
  });
</script>

It works fine in all browsers except ie(6,7,8) Code:

Internet Explorer can not open website. Operation Aborted.

I understand it is caused by the jquery autocomplete function loading before the page / DOM has fully loaded.

I tried adding Defer="true" to the script however this doesn't seem to work.

Could someone please tell me what i must add to the script so that it loads after the dom has fully loaded?

Thanks guys

George

First of all, I don't want to replace text in a form, or on click.

I'm writing up a design document in HTML, and I need an area to display code.
The < and > tags won't show up, obviously, but to make it easier on the programmer, I don't want him to have to manually put in &lt; and &gt; for each time it shows up.

I am aware that JavaScript has a replace function, but I am not familiar with JavaScript quite yet.

Is there a way to have JavaScript find the < and > in a certain div, and replace it with &lt; and &gt; on load?

I would appreciate your help so much, Its been frustrating me.

in the div class "done" it reads 13/34
i want to compare these to numbers like this

if (13 < 34){do something()}
else {return false;}

so i am trying to get each number by it self to compare with.

var did=m[1].getElementsByClassName("done")[1].innerText.replace(/\/.*/,"").value;
this line returns 13 correctly.

var need=m[1].getElementsByClassName("done")[1].innerText.replace(? ,"").value;
this ? the info that i need to get for the other number.
i know how to do it if it were a letter but can find the correct way being that it is a / instead.

Thx

I found a regular expression that will strip my string of every html tag...

var stripped = htmlStr.replace(/(<([^>]+)>)/ig,"");

Well, I also want it to strip every thing between parentheses, square brackets, and replace " &# 160;" with a space.

It would be really cool if you could explain how to do this as well, because the stuff in the above code after "replace" confuses me. I have no idea how that's working.

Hi

I'm looking for a very simple script to replace one div with another. I've found a few but they seem overly complicated with features I don't need. I simply want to be able to click on a div and for it to be replaced with another div previously hidden. If someone could suggest a solution or point me in the right direction I'd really appreciate it.

Thanks

Does anyone know if it it possible to automatically replace any instance of & with 'and' using javascript when someone types into a text input?

I know how the replace method works, but I can't for the life of me figure out exactly what this replace function is doing... Can someone shed somelight for me? the g I *think* is a flag for global replacement...

Code:

replace(/\s/g, " ");

I know that *something* is being replaced by a non-blank space, but what?

Hi all,

I have this code:
Code:

<input type="hidden" value="update_cart" name="ca">
<input type="hidden" value="2" name="numcart">
<input type="submit" name="submit" value="Update Cart" class="inpSubmit">

I'd like to replace this:
Code:

<input type="submit" name="submit" value="Update Cart" class="inpSubmit">

with this:
Code:

<button>blabla<button>

How can I do?
I know something about unobtrusive javascript but I don't know how to do it.

Thank you very much

How would you do a .replace for a Javascript if statment.

I have a javascript that takes information from a form and recompiles that information into a readable shift report. The problem I am having is with returns in the textareas. I tried:

Code:

theReport = theReport.replace("
","<br>"

but that space puts the rest of the var on a different line and screws with the results. How can I replace a return with <br>?

Code:

  dropDownPart.innerHTML = tmpInnerHTML;

how does this tmpInnerHTML gets filled :

Code:

for (var i = 0; i < arr.length ; i++)
{
        var arr1 = arr[i].split('|');
        id_tezaver = arr1[0];                  
         term = arr1[1]   
        // if  arr1[1] contains ',   then ewerything after that disapears inside term,
        // like "bird's eyes"  becomes  "bird"
        // how to handle that   ? 
       
        // bad example how I get to verify that the stuff is complete inside array
        // term = arr1[1].replace(/'/i, /oo/); 

}

document.write(str.replace(/(\+|\(|\)|.|-|\/ /g,''));

feeble attempt to remove '.' '(' ')' ' ' '-' '/'and '+'