HTML 5 code insertion issues

I have a code that worked on my last site fine, but now is not working. My last post got me a lot of help in the adobe forum, hopefully this site will be even more helpful. The code gets a random quote from a linked js file. This is then displayed on the page under the title of "Wisdom Quotes". The title is not being centered, it is confined to the top left, and the text from the linked js file will not change to the desired color and size like the title. Here is the code, any help would be greatly appreciated:

<p style="color:red;font-size:18px;display:block;width:60px;text-align:center;">Wisdom Quotes</p>
<script type="text/javascript" src="assets/quote.js"></script>

Got the text working, now just the title centered...

Similar Messages

Adobe Muse: how to access HTML code inserted?

Hi everyone,
do you know how to edit HTML code already inserted in an Adobe Muse template?
This code is for analytics purpose.
Thanx
fremo

This forum is actually about the Cloud, not about using individual programs
Once your program downloads and installs with no errors, you need the program forum
If you start at the Forums Index http://forums.adobe.com/index.jspa
You will be able to select a forum for the specific Adobe product(s) you use
Click the "down arrow" symbol on the right (where it says ALL FORUMS) to open the drop down list and scroll
http://forums.adobe.com/community/muse for program questions

ADF generated HTML code performance issue

ADF generated code has lot of unnecessary html tags (when you check in Firebug). browser takes time to load the page . It means performance low.
As a Front end engineer . My aim is to give end user good browsing feeling , he doesn't like to weighting till page loads.
So from end user perspective page should load faster.
Normal Html pages and other applications i have full control over html code.
But in ADF , i don't have full control over all html tags ,which is generated by server dynamically.
So, can anyone suggest how i can improve my page loading performance ?

Anil,
so in real - world terms, what you are saying is that a Ferrari 360 which has a weight of 1,350 kg is slower than a FIAT Panda, which only weights 840 kg. There is a catch to this theory of yours:
1. ADF Faces is based on JavaServer Faces, which is a component based framework for writing web based applications. Renderer classes are used to build the user front end. It is not the intention of JSF to allow application developers - but component developers - to tweak the generated component output. If you want something lean, use the default JSF HTML component set, which comes extremely light (but also with less functionality - like a Fiat Panda)
2. Performance is not alone defined by the HTML downloaded to a client - especially given that static HTML can be cached in browsers and ADF supports page templating for this. There are other factors that play in to this like network bandwidth, latency, query time, business logic execution time, image sizes, CSS and JavaScript
3. The real load in ADF Faces, as in other AJAX frameworks, is JavaScript. Most of the ADF Faces functionality is created dynamically on the client side using JavaScript objects
4. ADF Faces has more complex components than HTML. If you compare a HTML table with the table rendered in ADF, you see a difference in the look and behavior
Btw, here's the tuning guide for ADF: http://download.oracle.com/docs/cd/E21764_01/core.1111/e10108/adf.htm#CIHHGADG . You also may want to test and consider partial page navigation, which speeds up page to page navigation big times.
Frank

Help with html code - inserting video into Muse

I am seeking help writing the code to insert a video into Muse. I uploaded video into my Business Catalyst hosting. I need it to autoplay, loop and not show any controls or frames.
When I host video on Vimeo or YouTube, I see markings on the video that is why I am trying to just host in the same place that the files are stored for my website. If there is a way to host on youtube with out any markings showing up on the video I would be open to that too.
I don't want to see any play button or time bar.
Thanks in advance!!

Hello,
Just as an FYI - we also have an HTML5 video tool over at MuseThemes.com that achieves this, but works on mobile devices as well. The link above looks like it uses Flash, which isn't common anymore since the release of HTML5 based video.
Simply drag the widget out onto your canvas, and link up your videos / set options like loop, controls visible, etc. It's quite a flexible widget, and there's a complete training video included so you don't get stuck
Check out the widget here
Just wanted to provide another alternative that could be helpful. Cheers!
Steve Harris
MuseThemes.com

HTML code issues

I have a topic that was once stable
, but now at one point in the top
ic the style is correct. But in another area, the style will not take and the HTM
L code inserts <span> etc., etc. Here is an example if you look at the H
2 head:
<?xml version="1.0" encoding="utf-8" ?>
<!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" />
<meta name="template" content="NERC.htt" />
<meta name="generator" content="Adobe RoboHelp 8" />
<title>Revoking PI User Access</title>
<link rel="StyleSheet" href="..\default.css" type="text/css" />
</head>
<body>
<?rh-script_start ?><script src="../ehlpdhtm.js" type="text/javascript"
        language="JavaScript1.2"></script><?rh-script_end ?>
<?rh-placeholder type="header" ?>
<h1>Revoking PI User Access</h1>
<p>Access for both a PI user and a SCADAView user can be revoked if a Mantis
ticket requesting removal from IT AccessRequest exists. For Mantis tickets,
make sure that a <span class="BoldName">Real Time Systems User ID Add-Changed-Remove</span>
form completed by the user’s E4 manager is attached to the ticket. If
not, contact the requestor.</p>
<p>In order to remove access, you must search for the user name in both
the old and new databases:</p>
<ul type="disc">
<li class="BulletedList">For instructions on revoking a user's access
in the old database, <a href="#Removing_Access_Old_DB">click here</a>.</li>
<li class="BulletedList">For instructions on revoking a user's access
in the new Active Directory database, <a href="#Removing_Access_New_DB">click
here</a>.</li>
</ul>
<p>After revoking a PI user's access, you also need to remove the user's
name from the Outlook Address Book. For instructions, <a href="#Removing_User_Outlook_Group">click
here.</a></p>
<h2>Removing a user's access in the old database<a name="Removing_Access_Old_DB"></a></h2>
<ol>
<li class="NumberedList"><p style="margin-left: 0px;">Go to the SCADA
website at <a href="http://scada/" style="font-size: 10pt;">HTTP://SCADA</a>.</p></li>
<li class="NumberedList"><p>When the <span class="BoldName">SCADA &
Distribution Automation</span> home page displays, under <span class="BoldName">PI
Historian</span>, click <span class="BoldName">User Maintenance</span>
(circled in red). <a class="dropspot" href="javascript:TextPopup(this)"
        id="a5">Click to view</a>.</p>
<div class="droptext" id="POPUP134020538" style="display: none;">
<p><img src="../PI_Historian.jpg" alt="" style="border-left-style: Solid;
     border-left-width: 2px; border-right-style: Solid; border-right-width: 2px;
     border-top-style: Solid; border-top-width: 2px; border-bottom-style: Solid;
     border-bottom-width: 2px;" width="194" height="109" border="2" /></p>
</div></li>
<li class="NumberedList"><p>When the SCADA System Logon screen displays,
perform the following:</p></li>
</ol>
<ol start="1">
<li class="NumberedList2"><p>For <span class="BoldName">User Id,</span>
enter your PI user id.</p></li>
<li class="NumberedList2"><p>For <span class="BoldName">Password,</span>enter
your PI password.</p></li>
<li class="NumberedList2"><p>For <span class="BoldName">Select Group,
</span>click <span class="BoldName">PRG</span> from the dropdown list.</p></li>
<li class="NumberedList2"><p>Click <img src="../ButtonSubmit.JPG" alt=""
            style="border: none;" width="61"
            height="25" border="0" /><span
class="BoldName">.</span></p></li>
</ol>
<p style="text-indent: 84px;"><span class="BoldName"> Result:</span><span
class="Result"> The </span><span class="BoldName">User Administration</span><span
class="Result"> screen displays the user's information. <a class="dropspot"
href="javascript:TextPopup(this)" id="a2">Click to view</a>.</span></p>
<div class="droptext" id="POPUP133400192" style="display: none;">
<p><img src="../UAdminKUSBJX.jpg" alt="" style="border: none;" width="456"
    height="368" border="0" /></p>
</div>
<ol start="4" type="1">
<li class="NumberedList"><span class="Result">I</span>f the user id
is recognized, but PI access must be removed while keeping <span class="BoldName"
style="font-weight: normal;">SCADAView.</span></li>
<li class="NumberedList">If the user id is recognized, but PI access
must be removed while keeping <span class="BoldName" style="font-weight: normal;">SCADAView
access, uncheck the </span><span class="BoldName">PI Access</span><span
class="BoldName" style="font-weight: normal;"> checkbox and click
</span><img src="../ButtonModify.JPG" alt="" style="border: none;"
     width="63" height="25" border="0" />. </li>
</ol>
<p style="margin-left: 60px;"><span class="BoldName"> Result:  </span>If
the PI-only access removal is successful you should see this message (circled
in red).</p>
<ul type="disc">
<ol start="6" type="1">
<li class="NumberedList"><p> </p></li>
<li class="NumberedList">If both SCADAView and PI Access must be
   removed, click <img src="../ButtonDelete.JPG" alt="" style="border: none;"
        width="63" height="24" border="0" />.</li>
<p> Result: If both SCADAView and PI access removal is successful
   you should see the following message (circled in red). <a class="dropspot"
   href="javascript:TextPopup(this)" id="a4">Click to view.</a></p>
<div class="droptext" id="POPUP133037650" style="display: none;">
   <p><img src="../UAdminDeleted.jpg" alt="" style="border: none;"
      width="466" height="409" border="0" /></p>
</div>
<p class="Note" style="margin-left: 108px; text-indent: -48px;"> NOTE:
    <span style="font-weight: normal;">The User ID is the person’s
   LAN user id. This removes the user id from the GLOBE_USER table.</span></p>
<h2><span style="font-weight: normal;">Removing a user's access
   in the new database (Windows Active Directory)<a name="Removing_Access_New_DB"></a></span></h2>
<ol type="1">
   <li class="NumberedList"><p><span style="font-weight: normal;">Remote
    desktop to either server: <span style="font-weight: bold;">cccs-pifig01</span>
    or <span style="font-weight: bold;">lc3s-pifig01</span>.</span></p></li>
   <li class="NumberedList"><p><span style="font-weight: normal;">Double-click
    the <span style="font-weight: bold;">Energy PI Users Group.</span></span></p></li>
   <li class="NumberedList"><p><span style="font-weight: normal;">When
    the<span style="font-weight: bold;"> Energy PI Users Properties
    </span>dialog<span style="font-weight: bold;"> </span>displays,
    select the <span style="font-weight: bold;">Members</span>
    tab. See below.</span></p></li>
</ol>
<p style="margin-left: 48px;"><span style="font-weight: normal;"><img
   src="../Remove_NewDB.jpg" alt="" style="border: none;" width="963"
   height="642" border="0" /></span></p>
<ol start="4" type="1">
   <li class="NumberedList"><p><span style="font-weight: normal;">Select
    the LAN user name on the screen and click <img src="../ButtonRemove.jpg"
                alt="" style="border: none;"
                width="75"
                height="24"
                border="0" />.
    </span></p></li>
</ol>
<p style="text-indent: 60px;"><span style="font-weight: normal;"><span
   style="font-weight: bold;"> Result:</span> The user is removed
   from the PI access Active Directory user database.</span></p>
<h2><span style="font-weight: normal;">Removing a user's name from
   Outlook<a name="Removing_User_Outlook_Group"></a> </span></h2>
<p><span style="font-weight: normal;"><span class="BoldName" style="font-weight: normal;">This
   procedure involves removing the newly deleted user from the </span><span
   class="BoldName">T&D PI Users</span><span class="BoldName"
               style="font-weight: normal;">
   group in the Outlook Address Book.</span></span></p>
<ol start="1" type="1">
   <li class="NumberedList"><p><span><span class="BoldName" style="font-weight: normal;">Open
    the address book in Outlook.</span></span></p></li>
   <li class="NumberedList"><p><span style="font-weight: normal;">Locate
    and delete the user’s name from the <span class="BoldName">T&D
    PI Users group.</span></span></p></li>
   <li class="NumberedList"><p><span style="font-weight: normal;">Complete
    the Mantis ticket.</span></p></li>
   <li class="NumberedList"><p><span style="font-weight: normal;">If
    the user is on the Terminated Employees list, enter the employee’s
    user id in the PI Access column and highlight the entire row
    with an orange background color.</span></p></li>
</ol>
<p> </p>
<?rh-placeholder type="footer" ?>
</ol>
</ul>
<?rh-placeholder type="footer" ?>
<?rh-script_start ?><script type="text/javascript" language="JavaScript1.2">//<![CDATA[
if( typeof( TextPopupInit ) != 'function' ) TextPopupInit = new Function();
TextPopupInit('a5', 'POPUP134020538');
TextPopupInit('a2', 'POPUP133400192');
TextPopupInit('a4', 'POPUP133037650');
//]]></script><?rh-script_end ?>
</body>
</html>
I am exhausted from deleting specific HTML code to make the content work. Plus there seems to be an issue with the margins moving around. Can someone help me with this HTLM code nightmare? Other than deleting it all and inputting the text again? This is the only topic in my project in which this has occurred.

Hi Gloria,
          Its not possible to talk about a solution until you know the issue which caused it. the question is the HTML cannot get reorganize in RoboHelp if it is not edited exclusively - by this I mean if you bring in all the content through RoboHelp UI then RoboHelp will not change HTML by itself, until you manually change the html code.
you should try to find out the cause of the seizure (by which I think you mean hang), It could be that you are using any version control and it failed to checkout/checkin one or more project files, It might be that .cpd file got corrupted in that case you can try deleting the .cpd file after closing the project and it will get recreated by RoboHelp on next Open project, or it is possible that some of your shared resources might be missing/moved because of which RoboHelp hangs then in such case you should replace/remove these resources.
You should not be working on the project over network (i.e. the Project should be on the local drive).
Are you using CBTs and UDVs or your topics are too large (and thus processing of these topics seizes RoboHelp)
by any means deleting random HTML code of any topic might actually make the HTML invalid and cause more crashes or hangs.
I have listed down almost all the reason..
one way is to remove topics and find out the culprit topics which causes the hang and if you find one you can share it with me at [email protected] and I might find the cause of RH hang by inspecting that
Hope this helps
Ashish

How to insert a shoutbox and a counter in a flash file with html code?

How to insert a shoutbox and a counter in a flash file with
html code?
Code shout box

<iframe src="
http://489676.myshoutbox.com/"
width="152" height="300" frameborder="0"
allowTransparency="true"></iframe>

Code compteur
<script type="text/javascript" src="
http://www.123compteur.com/counterskinable01.php?votre_id=268303"></script><noscript><a
href="
http://www.123compteur.com"
target="_blank">compteur</a></noscript>

thx =D

Inserting an image into Clearbox with html code

Hi guys,
I am using Clearbox to make pop up boxes so I can use text and images in it and I am editing them with html code.
This is the code that I have (default for clearbox html)
<div class="item"><a href="htmlcontent" rel="clearbox[gallery=Gallery,,width=400,,height=200,,html=<br /><strong><font size="4" color="#999">BRC Food!</font><br /><br />You can use most of html codes. For more information, please check the 'Professional usage' on www.clearbox.hu!</strong>,,title=HTML content]"><img src="images/brc_food_1.jpg" alt="html content" /></a></div>
This code works fine, but I also want to add an image to it.
<img src="images/brc_food.jpg" alt="BRC Food" width="500" height="334">
Can anyone tell me how I would add the above together. Just inserting it into the code does not work, and I have also tried replacing the
< INSTEAD OF < / > INSTEAD OF > / " INSTEAD OF "
Any help would be appreciated

Whenever I deploy Fancybox on a page, I usually throw "the whole enchilada", to use a food analogy, in there:
I link to every possible script from Fancybox just in case I'll need it.
<script type="text/javascript" src="fancybox/lib/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="fancybox/source/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/source/jquery.fancybox.css" media="screen">
<link rel="stylesheet" type="text/css" href="fancybox/source/helpers/jquery.fancybox-buttons.css">
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-buttons.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/source/helpers/jquery.fancybox-thumbs.css">
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-thumbs.js"></script>
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-media.js"></script>
<script type="text/javascript" src="fancybox/lib/fancybox_definitions.js"></script>
That last one "fancybox_definitions" is simple a remote file I made from the inline styiling I found in thwe Fancybox demo page:
It reads as follows:
// JavaScript Document
$(document).ready(function() {
* Simple image gallery. Uses default settings
$('.fancybox').fancybox();
* Different effects
// Change title type, overlay closing speed
$(".fancybox-effects-a").fancybox({
helpers: {
title : {
type : 'outside'
overlay : {
speedOut : 0
// Disable opening and closing animations, change title type
$(".fancybox-effects-b").fancybox({
openEffect : 'none',
closeEffect     : 'none',
helpers : {
title : {
type : 'over'
// Set custom style, close if clicked, change title type and overlay color
$(".fancybox-effects-c").fancybox({
wrapCSS    : 'fancybox-custom',
closeClick : true,
openEffect : 'none',
helpers : {
title : {
type : 'inside'
overlay : {
css : {
'background' : 'rgba(85,164,194,0.85)'
// Remove padding, set opening and closing animations, close if clicked and disable overlay
$(".fancybox-effects-d").fancybox({
padding: 0,
openEffect : 'elastic',
openSpeed : 150,
closeEffect : 'elastic',
closeSpeed : 150,
closeClick : true,
helpers : {
overlay : null
* Button helper. Disable animations, hide close button, change title type and content
$('.fancybox-buttons').fancybox({
openEffect : 'none',
closeEffect : 'none',
prevEffect : 'none',
nextEffect : 'none',
closeBtn : false,
helpers : {
title : {
type : 'inside'
buttons     : {}
afterLoad : function() {
this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
* Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
$('.fancybox-thumbs').fancybox({
prevEffect : 'none',
nextEffect : 'none',
closeBtn : false,
arrows    : false,
nextClick : true,
helpers : {
thumbs : {
width : 50,
height : 50
* Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
$('.fancybox-media')
.attr('rel', 'media-gallery')
.fancybox({
openEffect : 'none',
closeEffect : 'none',
prevEffect : 'none',
nextEffect : 'none',
arrows : false,
helpers : {
media : {},
buttons : {}
* Open manually
$("#fancybox-manual-a").click(function() {
$.fancybox.open('1_b.jpg');
$("#fancybox-manual-b").click(function() {
$.fancybox.open({
href : 'iframe.html',
type : 'iframe',
padding : 5
$("#fancybox-manual-c").click(function() {
$.fancybox.open([
href : '1_b.jpg',
title : 'My title'
href : '2_b.jpg',
title : '2nd title'
href : '3_b.jpg'
helpers : {
thumbs : {
width: 75,
height: 50
Copy that block of code and save it into a js file with the name "fancybox_definitions" in the fancybox/lib folder.
Then add the other "calls" to Fancybox files to your header. It should work from there.

How can I package a custom block of HTML code to be inserted by clicking the insert panel

Is there a way to package custom HTML code such as
<figure>
<img src="" alt="" />
<figcaption>
Caption
</figcaption>
</figure>
so that I can click a button on the insert panel and insert this code?

Make it a snippet. You will have to insert from the Snippets panel.

Html-code for showing cover of current issue?

Has anyone an example of a simple html-code for showing the latest issue?
All I need is the adress to the image-file.

There was a problem like that in the WYSIWYG before 7.0.2 as
described in Using RH7 on my site. However, that was local and the
patch fixed it.
I had a completely different problem a while back but wonder
if the solution might work. Speak to your web guys and suggest
this.
Add the AddDefaultCharset utf-8 directive to either the
Apache config or the site .htaccess file
It's a long shot. I don't know what other effects it might
have on your server but the web guys should.

Outlook 2013 - Insert HTML code into email

Hi there,
A simple question, or so I thought. How can I insert HTML code into an Outlook email?
Thanks
Dave

You can inject HTML code into the message body via the Insert as Text option;
Insert-> (Attach) File-> select the created htm-file-> press the down arrow on the Insert button-> Insert as Text
Cheers,
Tony Chen
Forum Support
Come back and mark the replies as answers if they help and unmark them if they provide no help.
If you have any feedback on our support, please contact
[email protected]

Is Muse compatible with Email Service Providers. I found html code issues - PCs have viewing issues

Is Muse compatible with Email Service Providers? A colleague said Muse has html code issues as PCs struggle to display the artwork correctly when emails are delivered.

Is Muse compatible with Email Service Providers? A colleague said Muse has html code issues as PCs struggle to display the artwork correctly when emails are delivered.

How can I edit HTML code that was previously inserted?

Inserting HTML code is easy enough - Object -> Insert HTML...
But editing the code does not seem possible. It seems that it's necessary to delete the HTML object and reinsert it to make a change. What am I missing?

Right click. I'm on my phone, but an option like "Edit HTML..." should be among the choices when an HTML embed object is selected.

How to insert html code to database?

Hi
Sorry if this post is not related to this forum.
My problem is, I want to insert the html page content to database (mysql). I could not find any function that can parse the html code and then add escape characters.
Thanks in advance

Just store raw HTML in database. Always use PreparedStatement and you're safe.
On display, you can escape HTML (XML) using c:out.

Inserting html code snippets

I'm using Contribute 3 (version 3.11) and cannot insert html code snippets with this. But I'm rather confused as to what I need to upgrade to to do this.
On the Adobe Help Center webpage it states that " Advanced Adobe Contribute users can use Adobe Contribute CS3 to add custom HTML code snippets to Contribute pages".
So what is the difference between my version Contribute 3 and Contribute CS3? And I know that there is now CS4 also, so assume that would be even better?
I've spent quite a bit of time on the net trying to get to the bottom of this, and hope that someone will take pity on me and enlighten me!
Thanks in advance.

Joe, I'm told it should be in the Insert drop down menu if it has been enabled by the Administrator. Is there someone else involved with your site who could have disabled this function? I know that similar things have happened to me in the past.
Anyway ... I have some good news to report. I downloaded the free trial of Contribute CS4 from the Adobe website yesterday. It took over an hour to download and I wasn't very optimistic that I would be able to get it to work but I did. There is indeed an "Insert html snippet" function and I have produced a test page with a booking engine on it as a result of inserting some code. I have not yet tested it with audio and video files. I will have the use of the free trial for 30 days so will be able to carry out some more tests before taking the plunge and upgrading.
If you have the minimum system requirements I would say it is worth your giving this a try, Joe

Insert html-code at row level (td-tag)

Hello,
to control the layout of a tabular form, it would be advantageous to be able to insert html-code at row level (within the td-tag) of the region table, e.g. enabling us to set a class attribute: <tr class="strut">
I don't see a possibility to do this within a region containing numerous elements.
Thanks in advance for any hint.
Thomas

Thomas,
Do you need to control each row independently of other rows? If so, you would need to have a look at using collections instead of the Tabular Form. APEX collections let you build your own custom 'tabular form' and you should be able to control each row individually.
If, however, all you want to be able to do is apply a format to each row, this can be done in the template.
Cheers,
Colin

HTML 5 code insertion issues

Similar Messages

Maybe you are looking for