How to handle CMS_VALUE() inside java script document.write() ?

Zendesk API User

• November 21, 2018 11:54

Author: sivaprasad9394
Publication Date: 11/21/2018 11:54

Hello All,

I would like to show an image which consists of external link or internal link on mouseover.

Setting up of external link or internal link component is CMS_INPUT_TEXT.

<script language="JavaScript" type="text/javascript">
                
                var tmpHeight = 0;
                var tmpWidth = 0;
                $CMS_IF(!set_picHight.isEmpty)$
                if (FIRSTspiritPortal.getParameter("print") == "1") {
                    tmpWidth = $CMS_VALUE(ref(st_picture, resolution:"UniListPic").width, default:"0")$-20;
                    tmpHeight = $CMS_VALUE(set_picHight)$*($CMS_VALUE(ref(st_picture, resolution:"UniListPic").width, default:"0")$-20)/$CMS_VALUE(ref(st_picture, resolution:"UniListPic").width, default:"0")$;
                } else {
                    tmpWidth = $CMS_VALUE(ref(st_picture, resolution:"UniListPic").width, default:"0")$;
                    tmpHeight = $CMS_VALUE(set_picHight)$;
                }
                $CMS_END_IF$
                
                 $CMS_IF(!st_external_teaserlink.isEmpty)$
                            $CMS_IF(st_external_teaserlink.getText().equalsIgnoreCase("external-link"))$
                                $CMS_SET(linktarget,"_blank")$    
                            $CMS_ELSE$    
                                $CMS_SET(linktarget,"_top")$    
                            $CMS_END_IF$                            
                     REF: $CMS_REF(st_external_teaserlink)$
                     VALUE: $CMS_VALUE(st_external_teaserlink)$
                     VALUE2: $CMS_VALUE(st_external_teaserlink.toString().trim())$
                         $CMS_SET(displayItem)$$CMS_VALUE(st_external_teaserlink)$$CMS_END_SET$
                     VALUE4:$CMS_VALUE(displayItem)$
                        document.write('<a target="$CMS_VALUE(linktarget)$" href="$CMS_VALUE(st_external_teaserlink)$"><img src="$CMS_REF(st_picture,resolution:"UniListPic")$" width="' + tmpWidth + '" height="' + tmpHeight + '" style="display:block; float:left;"></a>');                    
                $CMS_ELSE$            
                        document.write('<img src="$CMS_REF(st_picture,resolution:"UniListPic")$" width="' + tmpWidth + '" height="' + tmpHeight + '" style="display:block; float:left;">');
                $CMS_END_IF$                
            
            </script>

Because of href="$CMS_VALUE(st_external_teaserlink)$" in the <a> tag moves to next line and image is not generated in the page as shown in the previous image.

Is there anything like javascript multi line helps?Tried but nothing helps.

Thank you.

Regards,

Siva

Tags: Javascript

Related to

• Project Usage
• Developers

0

• 

  Zendesk API User

  • November 21, 2018 12:10

  Author: mbergmann - 11/21/2018 12:10
  

  Hi Siva,

  I think you should use CMS_TRIM here.

  0
• 

  Zendesk API User

  • November 21, 2018 12:37

  Author: sivaprasad9394 - 11/21/2018 12:37
  

  Hello Michael,

  Thank you for your reply. Its working fine. Sometimes looking on solution would not help in one-way. But there should be some solution which is easy ,but it never comes to mind.

  Any how problem resolved.

  Thanks and Regards,

  Siva

  0

Please sign in to leave a comment.