Java unutar jave???

[AdriaMart]

Imam u javascript kodu:
var html = '<div class="m_tooltip"><table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td colspan="2" valign="top"><div align="center">' + name + '</div></td></tr><tr><td width="50%" valign="top"><img src="' + address + '" alt="" width="150" border="0" /><br></td><td width="50%" align="center" valign="middle"><a href="' + totolink + '"><img src="buy_btn.png" width="70" height="30" border="0" /></a></td></tr><tr><td colspan="2" valign="top" bgcolor="#999999"><div align="center">BETA!</div></td></tr></table></div>';

i ovde bi zeleo da dodam ''share button'' kod koji sam dobio koji je takodje javascript... interesuje me kako da ubacim ''share button'' kod u ovaj moj html... jer koliko znam mogu samo html elementi da se dodaju... jedino resenje je iframe ili ???

[webarto]

Javascript...

[AdriaMart]

Da u pitanju je java script unutar javascript koda ... kako da to resim... tacnije zelim da u infowindowu postavim ''share'' kod, medjutim sve sto se nalazi u infowindowu mora da bude html elemenat... kako da to resim???

[webarto]

Daj taj share code, nije svaki isti, pretpostavljam da misliš na FB...

[AdriaMart]

1. timer- odbrojava koliko je ostalo do kraja dana... tacnije countdown

<script language="JavaScript">
TargetDate = "12/31/2020 11:00 PM";
BackColor = "palegreen";
ForeColor = "navy";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%H%% c, %%M%% min, %%S%% sek.";
FinishMessage = "It is finally here!";
</script>
<script language="JavaScript" src="http://pluspon.com/countdown.js"></script>




<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e73498777e277a7"></script>
<!-- AddThis Button END -->



<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="www.pluspon.com" data-send="true" data-width="450" data-show-faces="true"></div>

[webarto]

Ovo učitaj normalno, možeš dole iznad </body> postaviti da budeš siguran da se DOM učitao...

PHP kôd:

<script language="JavaScript" src="http://pluspon.com/countdown.js"></script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e73498777e277a7"></script>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script> 


E sad ovo bi trebalo nešto ovako da izgleda... ukini dole multiline, to sam ostavio da vidiš šta je promjenjeno, trebalo bi ovako da upali, ali nije ovo pravi način da to radiš...

PHP kôd:

var html = '<div class="m_tooltip">
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td colspan="2" valign="top"><div align="center">' + name + '</div></td></tr><tr><td width="50%" valign="top"><img src="' + address + '" alt="" width="150" border="0" /><br></td><td width="50%" align="center" valign="middle"><a href="' + totolink + '"><img src="buy_btn.png" width="70" height="30" border="0" /></a></td></tr><tr><td colspan="2" valign="top" bgcolor="#999999"><div align="center">BETA!</div></td></tr></table>

<span id="cntdwn"></span>

<div id="fb-root"></div>
<div class="fb-like" data-href="www.pluspon.com" data-send="true" data-width="450" data-show-faces="true"></div>

<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>

</div>'; 


Ovaj countdown.js zamjeni sa ovime...

PHP kôd:

function calcage(secs, num1, num2) {
  s = ((Math.floor(secs/num1))%num2).toString();
  if (LeadingZero && s.length < 2)
    s = "0" + s;
  return "<b>" + s + "</b>";
}

function CountBack(secs) {
  if (secs < 0) {
    document.getElementById("cntdwn").innerHTML = FinishMessage;
    return;
  }
  DisplayStr = DisplayFormat.replace(/%%D%%/g, calcage(secs,86400,100000));
  DisplayStr = DisplayStr.replace(/%%H%%/g, calcage(secs,3600,24));
  DisplayStr = DisplayStr.replace(/%%M%%/g, calcage(secs,60,60));
  DisplayStr = DisplayStr.replace(/%%S%%/g, calcage(secs,1,60));

  document.getElementById("cntdwn").innerHTML = DisplayStr;
  if (CountActive)
    setTimeout("CountBack(" + (secs+CountStepper) + ")", SetTimeOutPeriod);
}

if (typeof(BackColor)=="undefined")
  BackColor = "white";
if (typeof(ForeColor)=="undefined")
  ForeColor= "black";
if (typeof(TargetDate)=="undefined")
  TargetDate = "12/31/2020 5:00 AM";
if (typeof(DisplayFormat)=="undefined")
  DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
if (typeof(CountActive)=="undefined")
  CountActive = true;
if (typeof(FinishMessage)=="undefined")
  FinishMessage = "";
if (typeof(CountStepper)!="number")
  CountStepper = -1;
if (typeof(LeadingZero)=="undefined")
  LeadingZero = true;


CountStepper = Math.ceil(CountStepper);
if (CountStepper == 0)
  CountActive = false;
var SetTimeOutPeriod = (Math.abs(CountStepper)-1)*1000 + 990;
var dthen = new Date(TargetDate);
var dnow = new Date();
if(CountStepper>0)
  ddiff = new Date(dnow-dthen);
else
  ddiff = new Date(dthen-dnow);
gsecs = Math.floor(ddiff.valueOf()/1000);
CountBack(gsecs); 


[AdriaMart]

''nije ovo pravi nacin da to radis''

@webarto - Sta preporucujes? Koje je najbolje resenje?

[webarto]

Pa ne znam je li najbolje, ali uradi ovo preko AJAX, učitaj po potrebi, a lakše će ti biti sve ovo uraditi u PHP, najbolje bi bilo MVC pattern da koristiš, odnosno template sistem.

[Br@nkoR]

Pošto se taj html kod dodaje kasnije, posle učitavanja dokumenta potrebno je da se taj dodatni JavaScript izvrši posle dodavanja tog novog html koda u dokument. Pogledaj dokumentaciju za Google Maps API za InfoWindow klasu ima događaj domready koji će biti pozvan posle dodavanja html koda u infowindow ili pokušaj JavaScript kod pozoveš posle infoWindow.setContent(). A takođe možeš pokušati i da parsiraš taj html kod i izvučeš sav JavaScript kod između html script tagova i da ga izvršiš pomoću eval JavaScript funkcije. Ili kao i što si napisao da koristiš iframe.

[AdriaMart]

Ovo sa iframom je nekako najlakse , samo neznam koliko je to dobro resenje ???

imam ovde takodje nekih problema sa checkboxovima: http://www.pluspon.com/pon4.html
(ukucajte beograd pa zatim open da nestane layer1-/ima neka sitna greska)
Umesto obicnih checkboxova ubacio sam jquery checkboxove i pojavljuju se ali nerade a sve sam odradio po uputstvu: http://aaronweyenberg.com/90/pretty-...es-with-jquery


ili malo jasnije ... imao sam kod:
<p>
<input name="checkbox" type="checkbox" id="restaurantCheckbox" onclick="toggleGroup('restaurant')" checked="checked" />
Restaurants <br/>
<input name="checkbox2" type="checkbox" id="barCheckbox" onclick="toggleGroup('bar')" checked="checked"/>
Bars </p>


i trebao sam da zamenim sa ovim kodom:
<form action="">
<fieldset>
<legend>Choose some stuff...</legend>
<ul class="checklist">
<li>
<input name="jqdemo" value="value1" type="checkbox" id="choice_a"/>
<label for="choice_a">Here's the 1st selection</label>
<a class="checkbox-select" href="#">Select</a>
<a class="checkbox-deselect" href="#">Cancel</a>
</li>
<li>
<input name="jqdemo" value="value2" type="checkbox" id="choice_b"/>
<label for="choice_b">Here's the 2nd selection</label>
<a class="checkbox-select" href="#">Select</a>
<a class="checkbox-deselect" href="#">Cancel</a>
</li>

</ul>
<div style="clear: both;"></div>
<button class="sendit" type="submit" name="submitbutton" title="Submit the form">Send it!</button>
</fieldset>
</form>



Spajanjem sam dobio ovaj kod:
<form action="">
<fieldset>
<legend>Choose some stuff...</legend>
<ul class="checklist">
<li>
<input name="checkbox" value="value1" type="checkbox" id="restaurantCheckbox" onclick="toggleGroup('restaurant')" checked="checked"/>
<label for="restaurantCheckbox">Restorani</label>
<a class="checkbox-select" href="#">Select</a>
<a class="checkbox-deselect" href="#">Cancel</a> </li>
<li>
<input name="checkbox2" value="value2" type="checkbox" id="barCheckbox" onclick="toggleGroup('bar')" checked="checked"/>
<label for="barCheckbox">Here's the 2nd selection</label>
<a class="checkbox-select" href="#">Select</a>
<a class="checkbox-deselect" href="#">Cancel</a> </li>

</ul>
<div style="clear: both;"></div>
<button class="sendit" type="submit" name="submitbutton" title="Submit the form">Send it!</button>
</fieldset>
</form>


Medjutim postoji negde greska...

Sta bi moglo da bude problem???