JavaScript

27-Apr-11 18:58

Hi all,

is there any issue that you comes with chrome and IE when setting script with innerHtml in div element?

I'll explain it in this way.

I've define my own div element as popup message (just by floating on top of the page) and works fine. I can set html text on it as well properly. But when I set some script on it, FF works fine but chrome and IE not works fine. Anyone of you have an idea about that?

Hope you are clear with my issue, if not please let me know.

Thanks

I appreciate your help all the time...
CodingLover Smile | :)

modified on Thursday, April 28, 2011 5:11 AM

AspDotNetDev27-Apr-11 19:43

AspDotNetDev

27-Apr-11 19:43

Can you provide an example that doesn't work in IE? Until then, here are some general guidelines:

Use "innerHTML", not "innerHtml".

Use createElement, set its innerHTML, then add it to the DOM, rather than adding the element to the DOM then setting the innerHTML. So, do this:

JavaScript

// Create replacement DIV.
var newDiv = document.createElement("div");
newDiv.innerHTML = "Hello, <b>World</b>.";


// Insert replacement DIV.
var oldDiv = document.getElementById("myDiv");
oldDiv.parentNode.insertBefore(newDiv, oldDiv);


// Remove old DIV.
oldDiv.parentNode.removeChild(oldDiv);


// Give replacement DIV same ID as old DIV.
newDiv.id = "myDiv";

Alternatively, avoid the use of innerHTML completely:

JavaScript

// Get DIV.
var mainDiv = document.getElementById("myDiv");


/* TODO: You may want to empty the children here. */
    

// Append "Hello, ".
mainDiv.appendChild(document.createTextNode("Hello, "));


// Append "<b>Hello</b>".
var boldWorld = document.createElement("b");
boldWorld.appendChild(document.createTextNode("World"));
mainDiv.appendChild(boldWorld);


// Append ".".
mainDiv.appendChild(document.createTextNode("."));

Here is a hack that may or may not work:

JavaScript

// Get DIV.
var mainDiv = document.getElementById("myDiv");


// Set innerHTML.
mainDiv.innerHTML = "Hello <b>World</b>.";


// Set innerHTML again (IE hack).
mainDiv.innerHTML = mainDiv.innerHTML;

Depending on your specific issue, I've also seen hacks that modify the z-index so the browser knows to refresh the content.

C++

S<T>::f(U) // Out of line.

CodingLover27-Apr-11 21:09

27-Apr-11 21:09

Thanks for the reply.

AspDotNetDev wrote:
Use "innerHTML", not "innerHtml".

Sorry about that, by mistake I've type it.

Say my string is something like this, it's working actually.

newDiv.innerHTML = "<script>function call_Al(){alert('this is a message');}</script><a href=\"#\" onclick=\"call_Al();\" >Click Here</a>"

I appreciate your help all the time...
CodingLover Smile | :)

Gerben Jongerius27-Apr-11 20:53

Gerben Jongerius

27-Apr-11 20:53

This is not a bug rather a safety feature. You cannot add javascript code dynamically to a page after it has been rendered. Which means you can put the script content on the innerHTML, but it will not be processed by the script engine.

The only way I know of to dynamically add more script to a page after the initial page render is by using eval on the script string. Keep in mind though that means that the script you are adding is being executed.

CodingLover27-Apr-11 21:11

27-Apr-11 21:11

Thanks for the comment.

can you have a look at in my previous reply. I try to wrap the string with eval() function, but it wont work too. Frown | :(

I'm totally lost.

I appreciate your help all the time...
CodingLover Smile | :)

Gerben Jongerius27-Apr-11 21:47

Gerben Jongerius

27-Apr-11 21:47

You should only apply the eval on the script code part. So excluding any HTML. In your case you would have to try and split the javascript code from the string you are trying to append and eval that.

You would append <a href=\"#\" önclick=\"call_Al();\" >Click Here</a> this part to the innerHTML attribute and pass the content of the javascript to the eval statement. Keep in mind you will need to rewrite your javascript slightly to:

eval("call_Al = function() { alert('this is a message'); }");

CodingLover27-Apr-11 23:11

Dynamics CRM 2011 - Cutomizing datetime picker in CRM Form [SOLVED]

27-Apr-11 23:11

Gerben Jongerius wrote:
You would append <a href=\"#\" önclick=\"call_Al();\" >Click Here</a> this part to the innerHTML attribute and pass the content of the javascript to the eval statement. Keep in mind you will need to rewrite your javascript slightly to:

I never know that. I try to bind all html and script together. Smile | :)

Anyway I've redesign my code, and now it works fine. Thanks a lot.

I appreciate your help all the time...
CodingLover Smile | :)

phil.o27-Apr-11 4:55

phil.o

27-Apr-11 4:55

Hi,

I'm starting to test the new Dynamics CRM 2011 ; i'd like to figure out whether it could be useful for our needs.
I'm facing a problem since a couple of days : in the previous version, I could customize the time-pickers to show different time interval (default is 30 minutes).
But I can't find the right syntax for the 2011 version.

Here's my script :

var schedstart = Xrm.Page.getAttribute("scheduledstart");
var interval = 15;
var timeField;
var tables;
var table;
var row;
var cell;
var time;

if (schedstart != null)
{
   timeField = schedstart.all.time;

   //Check the existence of the time field. It is null if the control is setup to only display the date.
   if (timeField != null)
   {
      //The new interval in minutes.
      tables = timeField.getElementsByTagName("table");

      if ((tables != null) && (tables.length > 0))
      {
         table = tables[1];

         //Remove all existing values from the selection box
         while (table.firstChild != null)
         {
            table.removeChild(table.firstChild);
         }

         //Add the new values
         for (hour = 0; hour < 24; hour++)
         {
            for (min = 0; min < 60; min += interval)
            {
               row = table.insertRow();
               cell = row.insertCell();
               time = ((hour < 10) ? "0" : "") + hour + ":" + ((min < 10) ? "0" : "") + min;
               cell.setAttribute("val", time);
               cell.innerText = time;
            }
         }
      }
   }
}

The problem is on line timeField = schedstart.all.time;. I've been searching for a reference document about manipulating form elements, but none of them does talk about datetime fields. I got plenty of examples if I want to deal whith lookups, optionsets, text, etc. ; but complete blackout about datetime fields.

Does anyone have an idea about how to access the time-picker of a datetime field in javascript ?

Edit :
I found how to manage this requirement. Here's the code :

setTimeInterval: function (ctrl, interval)
{
   var control = Xrm.Page.getControl(ctrl);
   var timeField = control._control._element.children[0].children[1].all.time.children[1].firstChild;
   var row;
   var cell;
   var time;

   if (timeField != null)
   {
      while (timeField.firstChild != null)
         timeField.removeChild(timeField.firstChild);

      for (hour = 0; hour < 24; hour++)
      {
         for (min = 0; min < 60; min += interval)
         {
            row = timeField.insertRow();
            cell = row.insertCell();
            time = ((hour < 10) ? "0" : "") + hour + ":" + ((min < 10) ? "0" : "") + min;
            cell.setAttribute("val", time);
            cell.innerText = time;
         }
      }
   }
}

Hope this will be useful to someone Wink | ;)

Re: Dynamics CRM 2011 - Cutomizing datetime picker in CRM Form

Graham Breach27-Apr-11 12:06

Graham Breach

27-Apr-11 12:06

If this is a HTML5 native time field, then the place to look is W3C: http://www.w3.org/TR/html5/states-of-the-type-attribute.html#time-state[^] - adjusting timeField.step changes the time interval.

Re: Dynamics CRM 2011 - Cutomizing datetime picker in CRM Form

phil.o27-Apr-11 20:39

phil.o

27-Apr-11 20:39

Thanks for your reply. Unfortunately, it isn't a native HTML5 time field.
I'll keep trying to access the table cell where the combo box resides.

jquery ajaxupload

dbongs25-Apr-11 23:46

dbongs

25-Apr-11 23:46

Any one know how to use the setdata on ajaxupload...pls help

Re: jquery ajaxupload

Monjurul Habib27-Apr-11 9:42

Monjurul Habib

27-Apr-11 9:42

if you are looking for file upload, following are few:
Ajax File Upload Plugin
Multiple File Upload Plugin

calander

amit.veterans23-Apr-11 21:28

amit.veterans

23-Apr-11 21:28

hi ,
i just want to show calander on page.
how can i do it..?

Re: calander

thatraja24-Apr-11 18:06

thatraja

24-Apr-11 18:06

Found this as first link in Google. Free Javascript Calendar[^]

For more Clickety[^]

thatraja

My Tip/Tricks
My Dad had a Heart Attack on this day so don't...

Re: calander

RakeshMeena9-Jun-11 19:36

RakeshMeena

9-Jun-11 19:36

You might also want to try this JQuery plugin. It provides you the power and ease of JQuery + support of the development community.

All code on one line?

#realJSOP23-Apr-11 1:04

#realJSOP

23-Apr-11 1:04

Why do so many people put all their javascript into just one line of code?

Is there a noticeable speed increase?

I also read that putting comments into your javascript slows it down. Is that really true?

".45 ACP - because shooting twice is just silly" - JSOP, 2010
-----
You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
-----
"Why don't you tie a kerosene-soaked rag around your ankles so the ants won't climb up and eat your candy ass." - Dale Earnhardt, 1997

Not Active23-Apr-11 3:12

Not Active

23-Apr-11 3:12

A minimized javascript file does load faster because it has fewer characters to transmit across the wire. Also why comments are removed, the javascript engine ignores them anyway. That's why you typically see two javascript files, like script.js and script.debug.js. the latter of course being used for debugging situations were it has full comments and formatting for readbility.

I know the language. I've read a book. - _Madmatt

#realJSOP23-Apr-11 3:37

#realJSOP

23-Apr-11 3:37

Unfortunately, the shadowbox source code does not include a "debug" file. They also use single-character variable names. It's virtually impossible to figure out what's being done and what it's doing it to.

Not Active23-Apr-11 4:36

Not Active

23-Apr-11 4:36

A form of obfuscation Big Grin | :-D

I know the language. I've read a book. - _Madmatt