Problems embedding html with jquery content

Hey muse people.
i'm currently struggling with a very annoying issue:
I have a piece of html code with jquery bits in it (it's a 360° plugin). For some reason, it doesn't seem to work when i upload to my server and try it.
I have tried the steps suggested in this thread: HELP! Adding Jquery to Muse! , but whenever i remove parts of the "JS Include" section, i get warnings and errors entering the page. The plugin works, though..
Does anyone know a workaround on this one?
Thanks in advance

Hi Abhishek,
thank you for looking into it:
Homepage <- this is a simple page from muse with the html code embedded - it does not work (the image should switch when you click the "type" buttons)
http://www.lichtermeile.de/simple/ <- here i just made an index.html and added the same code i used to embed as html in the muse page above
It works just fine when i remove parts of the JS Include and fully remove the "Other scripts" section that muse added to the end of each html file .. but i don't know if that's a healthy and compatible way.
This is the code:
<html>
<script src='http://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'></script>
    <script src='http://code.vostrel.cz/jquery.reel.js' type='text/javascript'></script>
    <img src="images/bild000.jpg" width="400" height="500"
      class="reel"
      id="image"
      data-images="images/bild###.jpg"
      data-cw="true"
      data-frames="36"
      data-duration="6"
      data-velocity="3"
      data-speed="-0.2"
      data-brake="0.2">
    <p>
      Please choose a product:
      <button id="image1">Type 1</button>
      <button id="image2">Type 2</button>
    </p>
    <script>
      $('#image1').click(function(){
        $('#image').reel('images', 'images/bild###.jpg');
      $('#image2').click(function(){
        $('#image').reel('images', 'images2/neu###.jpg');
    </script>
    <script> $.reel.def.indicator = 5; </script>
</html>
Thank you!!!

Similar Messages

Creating Player Problem from file with unknown content

Hi,
I need to create Player from video file with unknown content ie. from file "test.dat"
try{
MediaLocator ml = new MediaLocator(new URL("file:///D:/test.dat"));
Player p = Manager.createPlayer(ml);
catch(NoPlayerException npe){}
catch(MalformedURLException mUe){}
catch(IOException ioe){}
throws NoPlayerException
Pleeeease Help!!!

I think it should be : "file:D:/test.dat" But i do believe that it will not work with a .dat file...

Problems embedding HTML into XML with CVIXMLSetElementValue - unwanted &lt and &gt

I'm using the CVI XML functions. When I try to insert some pre-exsting HTML as the element value with CVIXMLSetElementValue, it dutifuly converts all the HTMLangle brackets into &lt and &gt, which is NOT what I want.
(I can protect the XML integrity by wrapping it in [CDATA[ ....]] but that does not solve the conversion issue here.)
Any suggestions?
Thanks,
Ian
Solved!
Go to Solution.

To explain a bit further, below is a code snippet and the unwanted result that I see. Does this behavior - even with CDATA - make good design sense?
From my perspective CVIXMLSetElementValue should respect CDATA elements. Am I right? Or just biased?
stat = CVIXMLSetElementValue (test1_element, "Hello");
stat = CVIXMLSetElementValue (test2_element, "<p>Hello</p>");
stat = CVIXMLSetElementValue (test3_element, "<! [CDATA[<p>Hello</p>]] >");
// Problematic Output:
// <?xml version="1.0"?>
// <root>
// <test1>Hello</test1>
// <test2><p>Hello</p></test1>
// <test3><! [CDATA[<p>Hello</p>]] ></test1>
// </root>

Playing video on a html with jquery

Hi
I have a php/sql database that has thumb nails and videos in swf format and flv. On my html page I have an swf player. I have echoed
the thumbnails and have the url of the videos. How can I get the video url playing on the player after a person clicks the thumbnail with
out xml. Just by passing the url to the player. Kind of how youtube works thanks.
I have hand some sucess with xml passing but this can`t work in this aspect. So I have been investigating jquery and other alternatives.
Hope you can help.
Thanks.

Hi
Thanks again for the help. I am almost there. Just made a first try on my server but without any luck.
Below is the html and the actionscript is the same as you posted. When I click play button in the code
the Videos/teleme.flv is supposed to be then passed and played. Nothing happens. I think I messed up the jquery part any help
will be appreciated.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
function thisMovie(movieName) {
         if (navigator.appName.indexOf("Microsoft") != -1) {
             return window[movieName];
         } else {
             return document[movieName];
     function sendToActionScript(flv) {
         thisMovie("JQplay").sendToActionScript(flv);
</script>
<title>Untitled Document</title>
</head>
<body>
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400">
<param name="movie" value="JQUERYPLAY/JQplay.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />

<param name="expressinstall" value="Scripts/expressInstall.swf" />


<object type="application/x-shockwave-flash" data="JQUERYPLAY/JQplay.swf" width="550" height="400">
    
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="6.0.65.0" />
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    
    <div>
      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
    </div>
    
</object>

</object>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
<br/>
<input type="button" value="play" onClick="sendToActionScript('Videos/teleme.flv');" />
</body>
</html>
Videos.teleme.flv is inside the JQUERYPLAY Folder when the swf is also contained. JQplay.php is in the main folder of the site.
thanks.

Problem insurting html with iWeb

Hi,
I would like to add this menu that I created in html (http://www.carnet2voyages.com/menu.html) to a page of my site (http://www.carnet2voyages.com) with iWeb.
I copied the code in "insert html fragment" in iweb, but the menu is too big for my page and font-size doesn't seem to work in the head.
fontsize seems to work in <body>, but there is a problem with the links
Is it possible to put <head> in fragment? If not how can we work on the <head> section?
Thank you for your help.

Nothing wrong with the menu file. You may want to add a [DOCTYPE|http://www.alistapart.com/articles/doctype>.
If it is to wide, eihter remove a menu item or increase the width of Accueil.html . But I displayed the menu on top of the page and it should fit.
Any changes to the menu, like fontsize, color etc., should be done in the menu file.
To make the menu work in a webwidget add target="_top" to every url in the menu. Otherwise a page will open in the tiny space of the menu. So it should look like this:
+<a class="menu1" href="http://www.carnet2voyages.com/Ouest-Americain/Infos.html" target="_top">Infos</a>+
[Here's a sample of a dropmenu|http://web.mac.com/wyodor/Dropmenu/pagewithdropmenu.html]

Problem using items with jQuery mobile

I currently encountered two issues with the jQuery mobile template in APEX.
- Textfield with autocomplete is not supportet and doesn't work
- Date field should be supportet but doesn't work in most browsers
Is there anything planned in APEX 5 to find workarounds for this? Or do we have to build our own solutions?
My current APEX version is "4.2.2.00.11".

Regarding the date picker - what about it doesn't work? I haven't found any issues with using date pickers on many different devices.

Problem embedding fonts with ButtonSkin class with SDK 4.5.1

Hi,
I've an external style file calling into main mobile application which has codes something like these:
@font-face {
          src: url("../fonts/TektonPro-BoldCond.otf");
fontFamily: TektonProBCnd;
embedAsCFF: false;
.buttonStyle {
embedFonts: true;
fontFamily: TektonProBCnd;
fontSize: 24;
skin: ClassReference(null);
.text_listMediumText {
fontFamily: TektonProBCnd;
fontSize: 24;
          color:                               #666666;
In my application the embedding font styles working properly when directly bind with any component with 'styleName' property (i.e. text_listMediumText). I've also one button something like this:
<s:Button label="CONNECT" skinClass="actionScripts.ui.SketchButtonSkin" click="onConnect()"/>
And the skin class is as follows:
public class SketchButtonSkin extends ButtonSkin
// PRIVATE VARIABLES
                     * CONSTRUCTOR
                    public function SketchButtonSkin()
                              super();
                              width = 268;
                              height = 50;
// OVERRIDDEN API
// Override this function to prvent the button from drawing a background
                    override protected function drawBackground(unscaledWidth:Number,
                                                                                                                           unscaledHeight:Number):void{
override protected function
                              labelDisplay_valueCommitHandler(event:FlexEvent):void
                              labelDisplay.setStyle( "fontSize", 20 );
               labelDisplay.setStyle("fontFamily","TektonProBCnd"); // or, labelDisplay.styleDeclaration = styleManager.getStyleDeclaration(".buttonStyle");
But I not ever could embed the font with this buttonSkin class. Any help please (?)

Try linking a Scroller into your app.

Problem viewing html with JEditorPane..

The program will run, but it displays nothing but an empty pane. The program program also stars out very small in the top right hand corner of the screen so I have to resize it. What do I need to do to be able to view the HTML file?import javax.swing.*;
import javax.swing.text.*;
import java.awt.*;
import java.awt.event.*;
import java.net.URL;
import java.io.IOException;
public class test_pane extends JFrame //implements ActionListener
public test_pane()
super("Note");
//Create editor pane
JEditorPane editPane = createEditorPane();
JScrollPane escroll = new JScrollPane(editPane);
escroll.setVerticalScrollBarPolicy(JScrollPane.VERTICAL_SCROLLBAR_ALWAYS);
escroll.setPreferredSize(new Dimension(500, 250));
escroll.setMinimumSize(new Dimension(10,10));
private JEditorPane createEditorPane()
JEditorPane editPane = new JEditorPane();
editPane.setEditable(false);
String s = null;
try {
s = "file:"
+ System.getProperty("user.dir")
+ System.getProperty("file.separator")
+ "TextSamplerDemoHelp.html";
URL helpURL = new URL(s);
displayURL(helpURL, editPane);
catch (Exception e)
System.out.println("Couldn't create help URL: " + s);
return editPane;
private void displayURL(URL url, JEditorPane editPane)
try {
editPane.setPage(url);
catch (IOException e)
System.out.println("Attempted to read a bad URL: " + url);
public static void main(String[] args)
JFrame frame = new test_pane();
//frame.setSize(600,500);
frame.addWindowListener(new WindowAdapter()
public void windowClosing(WindowEvent e)
System.exit(0);
frame.pack();
frame.setVisible(true);

Ok, I couldn't see where you add the scroll pane to the content pane of the frame and without a minimum size set somewhere the frame.pack() would shrink it completely. I recreated what you wrote and put the minor changes in there.
Try this out:
import javax.swing.*;
import javax.swing.text.*;
import javax.swing.text.html.*;
import java.awt.*;
import java.awt.event.*;
import java.net.URL;
import java.io.IOException;
public class Temp extends JFrame {
     BorderLayout borderLayout1 = new BorderLayout();
     JScrollPane jScrollPane1 = new JScrollPane();
     JEditorPane jEditorPane1 = new JEditorPane();
     HTMLEditorKit editorKit = new HTMLEditorKit();
     public Temp() {
          super("Note");
          this.getContentPane().setLayout(borderLayout1);
          jEditorPane1.setEditable(false);
jEditorPane1.setEditorKit(editorKit);
          this.getContentPane().add(jScrollPane1, BorderLayout.CENTER);
          jScrollPane1.getViewport().add(jEditorPane1, null);
          String s = null;
          try {
               s = "file:"
               + System.getProperty("user.dir")
               + System.getProperty("file.separator")
               + "TextSamplerDemoHelp.html";
               jEditorPane1.setPage(new URL(s));
          catch (Exception e) {
               System.out.println("Couldn't create help URL: " + s);
     public static void main(String[] args) {
          JFrame frame = new Temp();
          frame.setSize(600,500);
          frame.addWindowListener(new WindowAdapter()
          public void windowClosing(WindowEvent e)
          System.exit(0);
          //frame.pack();
          frame.show();
}

How to Code SWFObject with Alternate Content

I've read umpteen tutorials and articles on embedding Flash
with alternate content, and they're all too different, confusing,
and unsuccessful. All I want to do is insert a JPEG to replace my
Flash movie on non-Flash browsers but have no idea how or where to
code it. I don't want to get into xml or div IDs (if I don't have
to)... just a simple-as-possible, idiot-proof solution for a
beginner like myself.
Here is my Flash object...
<td width="400" height="240">
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
height="240" width="400">
<param name="movie" value="images/flashintro.swf" />
<param name="quality" value="best" />
<param name="play" value="true" />
<embed height="240" pluginspage="
http://www.macromedia.com/go/getflashplayer"
src="images/flashintro.swf" type="application/x-shockwave-flash"
width="400" quality="best" play="true"></embed>
</object>
</td>
Thanks.

docmentation:
http://code.google.com/p/swfobject/
AIR app that generates it for you:
http://code.google.com/p/swfobject/downloads/list
The body code will look like something like this:
<div id="flashContent">
<center><p>Please update to the latest version
of <a href="
http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
target="_blank" title="Flash Player">FLASH</a>, and enable
<a href="
http://gsaauctions.gov/brow_details/IE6instr.htm"
title="Enable Javascript"
target="_blank">JAVASCRIPT</a><br /> or view site as
<a
href="index2.php">HTML</a></p></center></div>
<script type="text/javascript">
// <![CDATA[var so = new SWFObject("flash.swf", "mymovie",
"950", "600", "8", "#FFFFFF");
so.write("flashContent");
</script>

Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome

Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome. Works in IE. This is my first time trying to post a question - so please be kind. I am also not good with code and am finding css a real challenge after learning to design based on tables. I'm using CS5.
The "test" page with the slide show is: http://www.reardanwa.com/index-slides.html   The same page without the slide show is http://www.reardanwa.com/
I realize the images are not ideally sized - I'll fix those once I get the pages to function. Maybe I need a different slide show? I would prefer a widget that I can modify to required size & postition. Again - I'm not good at building with code from scratch.
The problem is the naviagation links that are directly next to the slide show do not work in Firefox of Chrome. They do work in IE.
I've read about using jQuery.noConflict(); code but can't figure out the correct way to use it in my case or whether that's even part of the solution. I know my code is not well organized as I have cobbled together from various sources in an attempt to format the page the way the client wants it. Also, FYI, I will eventually try to make the page work in Surreal CMS.
I've spent sevaral days over the last several weeks trying to solve sth slide show/navigation conflict - so any specific light you can shed will be much appreciated.
Thanks in advance.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Reardan Area Chamber of Commerce</title>
<meta name="description" content="home page for Reardan Area Chamber of Commerce" />
<meta name="keywords" content="Reardan WA, chamber of commerce" </>
<script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
<script src="scripts/jquery.cycle.all.js" type="text/javascript"> </script>
<script type="text/xml">
</script>
<style type="text/css">
                              #slideshow {
                                  padding: 10px;
                                        margin:0;
                              #slideshow-caption{
                                        padding:0;
                                        margin:0;
                              #slideshow img, #slideshow div {
                                  padding: 10px;
                                  background-color: #EEE;
                                  margin: 0;
body {
          font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
          background: #004B8D;
          margin: 0;
          padding: 0;
          color: #000;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
          padding: 0;
          margin: 0;
h1, h2, h3, h4, h5, h6, p {
          margin-top: 0;           /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
           /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
.left
position:absolute;
left:0px;
.center
margin:auto;
width:95%;
.box
          position:relative;
          left:-90px;
          width:950px;
          height:350px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
          z-index:1000;
.slide{
    position:absolute;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
          border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
          color: #42413C;
          text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
          color: #6E6C64;
          text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
          text-decoration: none;
/* ~~this fixed width container surrounds the other divs~~ */
.container {
          width: 960px;
          min-height:900px;
          padding:5px 0px 0px 0px;
          background: #E8F8FF;
          margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
          background: #E8F8FF;
          padding:10px 5px 0px 5px;
.sidebar1 {
          float: left;
          width: 225px;
          margin: 60px;
          color: #FFFF0D;
          background: #595FFF;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
          padding: 5px 5px 0px 5px;
    border: 3px solid #F7F723;
    z-index:-1;
.sidebar2 {
          float: left;
          width: 275px;
          color: #FFFF0D;
          text-align: left;
          background: #595FFF;
          padding-bottom: 10px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border: 3px solid #F7F723;
    z-index:2;
.sidebar3 {
          float: left;
          width: 275px;
          color: #FFFF0D;
          text-align: left;
          background: #595FFF;
          padding-bottom: 10px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border: 3px solid #F7F723;
    z-index:3;
.content {
          padding: 0px 0px 0px 0px;
          width: 780px;
          float: left;
          background: #E8F8FF;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
          padding: 0px 15px 5px 10px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
          list-style: none; /* this removes the list marker */
          border-top: 0px solid #FFFF66; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
          margin-bottom: 50px; /* this creates the space between the navigation on the content below */
          font: Arial Black, Verdana, , Helvetica, sans-serif;
          font-size:1.3em;
          font-weight:bold;
          z-index:2;
ul.nav li {
          border-bottom: 0px solid #FFFF66; /* this creates the button separation */
          font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
          padding: 3px 0px 5px 0px;
          display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
          width: 185px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
          text-decoration: none;
          color: #FFFF0D;
          background: #595FFF;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
          background: #595FFF;
          font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
          color: #FFFFFF;
/* ~~ The footer ~~ */
.footer {
          padding: 10px 0;
          background: #595FFF;
          color: #FFFF0D;
          position: relative;/* this gives IE6 hasLayout to properly clear */
          clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
          float: right;
          margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
          float: left;
          margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
          clear:both;
          height:0;
          font-size: 1px;
          line-height: 0px;
-->
</style>
</head>
<body>
<div class="container">
<div class="header">
<a href="#"><img src="images/Chamber-Logo-2.gif" alt="Reardan Chamber Logo" width="187" height="163" hspace="10" vspace="5" align="top" /></a><img src="images/Reardan-Chamber-Title.gif" width="476" height="204" alt="Reardan Area Chamber of Commerce, Dedicated to Preserving and Enhancing Area Businesses" /><p></p>
<p style="color: #F00">This Site is under construction! Please pardon our dust as we create!</p>
</div>
<div class="sidebar1">
    <ul class="nav">
      <li><a href="about.html">About Us</a></li>
      <li><a href="history.html">Reardan History</a></li>
      <li><a href="activities.html">Activities</a></li>
      <li><a href="business.html">Business<br />
        Directory</a></li>
      <li><a href="about.html">Join the<br />
        Chamber</a></li>
       <li><a href="links.html">Links<br />
  <span style="font-size: 85%">Tourism</span><br />
      </a></li>
    </ul>
     </div>
<br />
<br />
<br />
<br />
<div class="box" +"slide">
<script type="text/javascript">
// BeginOAWidget_Instance_2559022: #slideshow
                           slideshowAddCaption=true;
$(window).load(function() {
$('#slideshow').cycle({
                    after:                              slideshowOnCycleAfter, //the function that is triggered after each transition
                    autostop:                              false,     // true to end slideshow after X transitions (where X == slide count)
                    fx:                                        'blindX',// name of transition effect
                    pause:                              false,     // true to enable pause on hover
                    randomizeEffects:          true, // valid when multiple effects are used; true to make the effect sequence random
                    speed:                              100, // speed of the transition (any valid fx speed value)
                    sync:                              true,     // true if in/out transitions should occur simultaneously
                    timeout:                    5000, // milliseconds between slide transitions (0 to disable auto advance)
                    fit:                              true,
                    height:                       '300px',
                    width:         '525px'   // container width (if the 'fit' option is true, the slides will be set to this width as well)
function slideshowOnCycleAfter() {
          if (slideshowAddCaption==true){
                              $('#slideshow-caption').html(this.title);
// EndOAWidget_Instance_2559022
</script>
<div id="slideshow">
    
    <img src="images/100_1537.jpeg" width="600" height="450" title="caption for image1" /> <img src="images/Parade-2011-2.jpg" width="300" height="225" title="caption for image2" /> <img src="images/100_1495.jpeg" width="600" height="450" title="caption for image3" />
    <div title="sample title"> Images for slide show will need to be re-sized to fit box to avoid distortion</div>
    <img src="images/beach4.jpg" width="200" height="200" title="caption for image4" /> <img src="images/beach5.jpg" width="200" height="200" title="caption for image5" /> </div>

<div id="slideshow-caption"></div></div>
<div class="sidebar2" "anotherClass editable"><p align="center"><strong>Chamber News</strong><br />
Local News item
<br />
Another New item</p>
<p align="center">lots of news this week<br />
    <br />
    <br />
    <br />
</p>
</div>
<div class="sidebar3" "anotherClass editable"><p align="center"><strong>Upcoming Events</strong></p>
<div align="center">    <a href="activities.html" style="color: #FFFF0D">Community wide yard sales</a><br />
    <br />
    <br />
    <br />
    <br />
</div>
</div>
<div class="content"><br />
<br />
</div>
<div class="footer">
        <p align="center"><span style="font-size: small">Reardan Area Chamber of Commerce</span><br />
          <span style="font-size: x-small">[email protected] - 509.796.2102</span><br />
        </p>
        
</div></body>
</html>

If you DO want the slideshow overlaping the navigation try the below css:
.sidebar1 {
    float: left;
    width: 225px;
    margin: 60px 0px 60px 60px;
    color: #FFFF0D;
    background: #595FFF;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    padding: 5px 5px 0px 5px;
    border: 3px solid #F7F723;
.box {
float: left;
margin-left:-60px;
width:700px;
height:350px;
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;

Web Intelligence: Save Report as PDF and with embedded HTML code

Hi all.
Sorry but I'm not able to find any post about this matter, please feel free to provide links if you know existing topics about this problem.
We created a beautiful report with HTML5 code embedded into a blank cell and we are now trying to export it in a printable format (e.g.: PDF or HTML).
As you know (as per manual information) it is not possible to export a report with embedded HTML code and keeping it in the output (cell with embedded HTML code is rendered blank).
My question is: is there a known workaround or an alternative solution to export the report and keep its content?
Print screen is not a valid option :-P
Thanks for the support or any suggestions
Stecas

Product limitation; vote for change on ideaplace, etc. I don't believe there is an *easy* workaround, but see:
https://scn.sap.com/thread/3149287
HTH
NMG

Designing Embedded HTML Page with iWeb

I designed a html page with with an embedded html page within it. It all looks fine in iWeb, but when I upload the page to the intenet and I try to view this page it does not come up properly. Although I initially see the page come up as I designed it (for a fraction of a second) it then disapears and I only see the page I embedded on my page.
I added the following codes in HTML Snippet:
<object data=http://www.mls.ca/PropertyResults.aspx?&vs=Residential&ret=300&curPage=PropertySearch.a spx&sts=0-0&beds=0-0&baths=0-0&bt=1%2c16%2c17&atsg=%2c&ci=cartierville&pro=4&mp= 500000-0-0&mrt=0-0-4&trt=2&of=1&ps=10&o=D width="600" height="400"> <embed src=http://www.mls.ca/PropertyResults.aspx?&vs=Residential&ret=300&curPage=PropertySearch.a spx&sts=0-0&beds=0-0&baths=0-0&bt=1%2c16%2c17&atsg=%2c&ci=cartierville&pro=4&mp= 500000-0-0&mrt=0-0-4&trt=2&of=1&ps=10&o=D width="600" height="400"> </embed> Embedd a web page within another web page. </object>
<object data=http://www.mls.ca width="600" height="400"> <embed src=http://www.mls.ca width="600" height="400"> </embed> Embedd a web page within another web page. </object>
As I said, the above pages come up fine in iWeb but not when I search them with Sagari.
Can someone please help with this. Thanks, Padano

This is the proper code :
<iframe src="http://url.to.file.html" frameborder="0" width="500" height="500" scrolling="no" allowTransparency="true"></iframe>
You can also use this :
<div style="width: 650px; height: 650px">
<script language="JavaScript">
location.replace('../../../your files.html');
</script>
</div>
Source : iframe alternative in the HTML Snippet
And on this page you can see how to use <object> for html, png and jpg files :
Embed content with the <object> HTML element

Emails with Embedded HTML not coming thru to Mail

Hi,
I am running 10.4.10, and I email out a newsletter with Thunderbird 2.0.0.9 so that I can embed an HTML file into it. For 2 days, I have been testing it by emailing to myself from my ISP address to my .mac address, and also to my 3 email addresses that I have thru my ISP (pop account).
For some reason, the email never arrives in my .Mac box, but it arrives immediately in my 3 pop account boxes and views perfectly. I have used the same security settings since I can remember. I receive iTunes news in my /Mac box (which is embedded HTML right?)
Why doesn't the email go thru to my .Mac address? I have done this almost monthly for 2 years and have had no problem up til now.
When I log onto my \Mac web mail, the email is not there either.
I called my ISP tech support yesterday and the nice guy tried to help, but he wasn't sure how long Apple takes to scan emails containing HTML's. He seemed to think the email could still be enroute but I sent about 14 last night and they astill haven't arrived.
thanks

Could Apple have recently increased its security to block unwanted SPAM, and now my computer thinks this email is SPAM?

Embedding javascript with xslt generated html

hi,
I'm using xml/xslt with xdk to generate html with embedded javascript. The solution works except that I am having problem with proper inclusion of the javascript file. I uset this line:
<xsl:template match="/">
<head><title>Screener</title>

<script language="javascript1.2" src="./screener.js">
</script>
I have tested the xslt sheet via IE5 and msxml3 processor and it works fine including loading the javascript file.
Now using XDK and servlet it doesn't seem to retrieve the javascript file so all javascript function do not work.
I would appreciate any help.
thanks,
ted
null

hi brian,
All those files are in same directory i changed the .xsl file to be i am changing at the right place.
However, as backup i tried the following:
<?xml version="1.0"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html"/>
<script language="javascript1.2">
<![CDATA[

]]>
</script>
and here is the html output:
<html>
<head>
<title>Screener</title>
<script language="javascript1.2">

</script>
</head>
So everything is being output correctly except for  it works but
i was wondering if the present behavior is what's supposed to happen.
thanks,
ted
null

Document Creation error - "We're sorry. We can't open document name because we found a problem with its contents"

Morning Friends,
I have created a SharePoint 2010 "Site Workflow" that is designed to take information from a form and create a Word doc with the gathered information and store this Word doc in a document library.
I am using Sharepoint 2013 with Office 2013
I understand there are a lot of steps (19) outlined below and I can provide more information as needed but the bottom line is this, workflow successfully takes info from an initiation form, uses the info to create a Word doc. Places this Word doc in a library.
When attempting to open / edit doc, receive error
"We're sorry. We can't open <document name> because we found a problem with its contents"
Details - No error detail available.
Any info or advice would be greatly appreciated.
Very high level view of what I have done:
1 - Created content type called "Letters"
2 - Added site columns " First Name" and "Last Name"
3 - Created and saved to my desktop a very basic Word document (Letter.docx) that says "Hello, my name is XXXX XXXX"
4 - In the advanced settings of the "Letters" content type I uploaded this "Letter.docx" file as the new document template.
5 - Created a new document library called "Letters"
6 - In Library Settings - Advanced Settings, clicked "Yes" to enable the management of content types.
7 - Then I clicked "Add from existing content types" and added the "Letters" content type
8 - Back in the advanced settings of the "Letters" content type I selected "Edit Template" and replaced the first XXXX with the Quick Part "First Name" and the second XXXX with the Quick part "Last Name"
9 - Created a new 2010 Site workflow called "Create a Letter"
10 - To the workflow I added the action "Create List Item"
11 - Configured the action to create Content Type ID "Letters" in the document library "Letter"
12 - For the "Path and Name" I gave it a basic name of "Letter to"
13 - The next step was to create the Initiation Form Parameters and added to form entries "First Name" and "Last Name"
14 - I then linked the initiation form fields to the data source "Workflow Variables and Parameters" to their respective Field from Source parameters
15 - Went back to the "Path and Name" and modified the basic name of "Letter to" to include the first and last name parameters.
16 - Saved - published and ran the work flow.
17 - As expected, Initiation Form prompts for First and Last Name. ("John Doe") Then click "start
18 - Go to document library "Letters" and see a new Word document created titles "Letter to John Doe"
19 - Go to open / edit the Word document and receive the following error
thoughts? Any info or advice would be greatly appreciated.

See this MS support article for SP2010 workflows and generating Word docs:
https://support.microsoft.com/kb/2889634/en-us?wa=wsignin1.0
"This behavior is by design. The Create
List Item action in the SharePoint
2010 Workflow platform can't convert Word content type file templates to the correct .docx format."
I've had success in using SP 2013, Word 2013 (saving a .docx as the template instead of .dotx for the document library content type), and an SP 2010 workflow using SP Designer 2013.

Problems embedding html with jquery content

Similar Messages

Maybe you are looking for