How to use accessible highlighting in HTML?

I developing HTML5 web app and have a case when some parts of sentence should be highlighted. For example, "Your search for blac was adjusted to black".
In markup i have something like that:
<span> You search for <b>blac</b> was adjusted to <b>black</b></span>
When VoiceOver is turned on it reads a 4 parts: "You search for", "blac", "was adjusted to ", "black".
Another case:
User search for "black" and on search result see category "Black/White movies" and word "Black" should be highlighted, but in that case VoiceOver reads two parts: "Black" and "/White movies". That's not very comfortable...
How can I use highlighting to avoid such separating?

Hi,
<br>
Is the same as using fragments.
I use this code in a primary template
<div class="foto-doble">
<div>
          
          <br>
          <br>
<br>
<br>
<br>
Are you using external browser to view the page or "Preview"?

Similar Messages

How to Use Mobile Service in HTML/JavaScript Application

The Windows Azure Mobile Service is a back end tool for mobile applications. It supports various platforms, such as Windows Store, Windows Phone 8, iOS and Android. The Windows Azure
Mobile service can also support HTML/JavaScript. This article helps you to get a basic idea of how to use the Windows Azure Mobile Service in HTML/JavaScript applications.
Let us start with a Quick startup project provided by Microsoft. A Quick startup is a simple demo project that can help us to understand how to use the Windows Azure Mobile Service with HTML/JavaScript. So let's start from the Quick startup project.
Login into in the Windows Azure portal and use the following procedure.
This article assumes you already have a Windows Azure account and the mobile service is enabled in your account.
1. Create a new Windows Azure Mobile Service
Click on the +New button from the left corner and select Compute -> Mobile Service and then click on the "Create" button.
The Windows Azure portal popup creates a mobile service wizard when you click the Create button. Windows Azure asks you to enter the mobile service name as shown in the following image:
Select the database options and region for your mobile service and click on the "Next" button.
Once your mobile service is successfully created, the portal will show all your mobile services as shown in the following images.
Ok! We have created a new mobile service successfully. Let's move to our subsequent steps.
1. Quick startup Project
As we all know, the Windows Azure Mobile Service can support many platforms such as Windows Store, Windows Phone 8, iOS, Android and HTML/JavaScript. This article only tells us about the new HTML/JavaScript platform that is recently added to the Windows Azure
Mobile Service.
In the image above, we are in the quick startup page where the Windows Azure Mobile Service allows the user to choose their platform. I have selected the HTML/JavaScript Platform.
In the image above, we found 3 quick steps that can allow us to run <g class="gr_ gr_74 gr-alert gr_gramm Grammar" data-gr-id="74" id="74">a HTML/JavaScript</g> sample project.
1. Create Table: In this step the user needs to create a table that can used by the sample project, once you hit the create TodoItem Table button. The Portal will create a TodoItem table in your mobile service. You
can check this table by clicking on the data tab(menu).
2. Download and run your app: In this step the user needs to download the Quick startup project that is provided by the Windows Azure portal. Click on the "Download" button and download the project. You will
see the following files in the quick startup project.
The Server folder contains some files to setup this project locally. The user should run the file from the server folder corresponding to their OS. I am using Windows OS so I ran the <g class="gr_ gr_80 gr-alert gr_spell ContextualSpelling ins-del multiReplace"
data-gr-id="80" id="80">lanch</g>-<g class="gr_ gr_79 gr-alert gr_spell ContextualSpelling ins-del multiReplace" data-gr-id="79" id="79">windwos</g> file to setup this project locally in
IISExpress.
Press r and enter the key, you will see IISExpress started. Do not close this Windows and open your browser and request the http://localhost:8000/ page.
Enter the Item name and click on the add button. Your Item will be added to the TodoItem table.
3. Configure your host name: This step is a very important step for any HTML/JavaScript application that uses the Windows Azure Mobile Service. In this <g class="gr_ gr_83 gr-alert gr_gramm Punctuation only-ins
replaceWithoutSep" data-gr-id="83" id="83">step</g> the user must register their website name in the Cross-origin resource sharing (CORS). By default, "localhost" is added by the Windows Azure Mobile Service
so your quick startup project can run without making any CORS setting changes. The user can add their website domain name by clicking on the configure tab (menu).
The user can add as many website domain names as needed.

are you asking a question or did you just post a tutorial here? you might want to post it as a blog post or wiki entry instead.

How to use substring in ITS(HTML file)

Hai,
I am modifying d_searchhelp.html file in agate. I want a use a substring function this file. So I used the below code.
newclassname=~searchhelpcontrolname;
oldclassname=newclassname.substring(0,8);
                                                            ^ ^ ^
This is the error i got when i use this HTML file in searchhelp.
@ ...\templates\system\dm\msiexplorer\d_searchhelp.html (263,42): error : syntax error   : '('
@ ...\templates\system\dm\msiexplorer\d_searchhelp.html (263,44): error : syntax error   : ','
@ ...\templates\system\dm\msiexplorer\d_searchhelp.html (263,46): error : syntax error   : ')'
Please let me know how to use substring.
Thanks & Regards,
H.K.Hayath Basha

Hello H.K.Hayath Basha,
please see the HTML Business documentation on <http://help.sap.com/saphelp_nw04/helpdata/en/5f/1fb5174aee11d189740000e8322d00/frameset.htm>:
string strSub (in string string, in int position, in int length)
With regards,
TJ

How to use Dashcode to make HTML Widgets in iBooks Author?

I'm writing books on iBooks Author, and I got a problem:
I wanna add some HTML Widgets to my books, and I was told I should use Dashcode to make them. So I downloaded the Xcode, but I don't know how to open the Dashcode on my Mac. I really hope someone could give me some lessons, I would be very grateful!

Start here: iBooks Author: About HTML widget creation

How to use add image in HTML tag

Hello frndz
i m working on text chat application in adobe air.using <mx:html/> tag for dispalying text and images(smiley).but the font size fo flex is diffrent and html diffrent.i mean i m using 10 font size but it looks too large on <mx:html/> component.is there any way to cast them in same size.
The second and major problem is that it can not add images to html tag.when i m giving images like:-private var txt:String="<img src='src\smily\tongue.gif'/>" .
it shows nothing but when i give images through http path it shows images on html componenet.
can any body explain me the problem.
Thanks And regards
Vineet Osho

thanks Alot René Bühling for your quick reply.but the link u mentioned ith reply is not working for me.
ok can u tell me how can i manage my flex font size 10 to <mx:html tag 's font size 10.
i think there is large difference between flex font and html font.so please guide me for that.
Thanks Alot
Vineet osho

How to use Idoc script in HTML

I know how to make my own fragments made with idoc. It works fine.
But i don't know how to write idoc without using fragments. When i write it inside html on the page, it just get outputs as it is, it doesn't get executed. What tag do i need to use? Can someone give a small example?

Hi,
<br>
Is the same as using fragments.
I use this code in a primary template
<div class="foto-doble">
<div>
          
          <br>
          <br>
<br>
<br>
<br>
Are you using external browser to view the page or "Preview"?

How to use Contribute to edit html or java script

I have a client who use Contribute to edit web pages but they
are unable to edit the html or javascript. I have a javascript
photogallery they want to update but they can't. Is there away
around this? I tried a flash gallery but they still can't update
the xml file. Am I missing something here?

You can give your users the rights to Edit page source in
external application (both for xml as javascript):
1. Main menu>Edit>Administer websites, pick site
2. Users and Roles, pick role, click Edit role settings
3. go to Editing and check 'Allow users to edit web page
source in external application'
When your users opens (using the Choose btn next to
addressbar) a .js or .xml file in Contribute (tested in CS3) just
click the 'Edit btn' and Contribute will open the file in the
editor you selected.
How to select the editors:
1. Main menu>Edit>Preferences
2. go to File Editors.
If this does not work in your version maybe you can use Main
menu>File>Actions>Edit page source in external
application.

How to use formatter if binding syntax is not complex

Hello all,
i know how to use formatters in UI5 HTML views when data-sap-ui-xx-bindingSyntax="complex"
But currently i have an app where the bindingSyntax is not set to complex, and for certain reasons i don't want to change that at the moment.
How do we use formatters in non-complex binding mode? I cannot find anything about that in the docs. Constructs like data-something="{path: ' ', formatter : ' ' }" seem not to work in non-complex mode.
Thanks in advance,
Jan

Hi,
you can use formatter function. refer SAPUI5: How to directly bind two data properties into one control property using OData model? and javascript - SAPUI5: How to directly bind two data properties into one control property using OData model? - Stack Overf…
Regards,
Chandra

How to use Microsoft Word's Find and Replace with HTML tags?

Hello to all!
I'm trying to figure out how to use the find and replace function in Word to replace html tags. I'd like to be able to change something like this:
<span class="B01-K-ITAL">random text</span>
To something like this:
<em>random text</em>
I want to replace the open and close tags without changing or interfering with the text between the tags. I'm pretty sure I should use wildcards, but I can't figure out how to use them properly.
Anyone able to lend a hand?

Here is my latest regular expression with Perl.   I think it matches the spirit of the request in the original post.
Note, this isn't as easy as you think. You need to code up the complete set of html rules in you implementation. You need to allow for a certain amount of mal-formed html.
perl -0660pe 's^<[sS][pP][aA][nN]\s+class="B01-K-ITAL"\s*>(.*?)</[sS][pP][aA][nN]>^<em>$1</em>^gs' i.html >|o.html
input text
<html> <head>...</head> <body>I'd like to be able to change something like this: <span class="B01-K-ITAL">#1 one line</span> I want to replace the open and close tags without changing or interfering with the text between the tags. I'm pretty sure I should use wildcards, but I can't figure out how to use them properly. <p>note, this isn't as easy as you think. You need to code up the complete set of html rules in you implementation. You need to allow for a certain amount of mal-formed html.</p> <span class="B01-K-ITAL">#2 don't be greedy</span> <span class="B01-K-ITAL">$3 multiline text</span> <span class="B01-K-ITAL">#4 multiline tag. I believe html allow a carriage return in white space of tags</span> <span class="B01-K-ITAL">#5 split after the class tag. optional white space</span> <sPan class="B01-K-ITAL">#6 mixed case tag</Span> <p>no text #7</p><span class="B01-K-ITAL"></span>   <p id="IE">This browser is IE.</p> <p id="notIE">This browser is not IE.</p></body> </html>
output text
<html> <head>...</head> <body>I'd like to be able to change something like this: <em>#1 one line</em> I want to replace the open and close tags without changing or interfering with the text between the tags. I'm pretty sure I should use wildcards, but I can't figure out how to use them properly. <p>note, this isn't as easy as you think. You need to code up the complete set of html rules in you implementation. You need to allow for a certain amount of mal-formed html.</p> <em>#2 don't be greedy</em> <em>$3 multiline text</em> <em>#4 multiline tag. I believe html allow a carriage return in white space of tags</em> <em>#5 split after the class tag. optional white space</em> <em>#6 mixed case tag</em> <p>no text #7</p><em></em>   <p id="IE">This browser is IE.</p> <p id="notIE">This browser is not IE.</p></body> </html>

How to use the HTML tags in the reports.

hi.
can any one tell me how to use the HTML tags in the reports.
i m using the forms 10 g rel 2 and reports 10 g rel 2 and application server 10g rel 2.

Set the Contains HTML Tags property of an object to Yes, then the tags in the object's text (if any) will be used to format the object.

How to use HTML Tags in Smartforms

Hi,
Can you please help me out in knowing how to use HTML tags in Smartforms,
suppose i want to display some text in BOLD i should use the tag </b> as shown
</b> Header Information <b>
regards
Ranveer

Hi Ranveer ,
check this following links,
hope this wil helps you
<a href="http://sdn.sap.comhttp://www.sdn.sap.comhttp://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/com.sap.km.cm.docs/library/webas/abap/abap%20code%20samples/smartforms/smartform%20in%20abap.pdf">check this link,to know abt HTML in smartforms</a>
rgds,
shan

In portlets, how to use a html form passing values to the another page?

it is well known that in web developing , we have two methods to pass values to another page.
but how to use two methods in oracle portal portlets?
I have got a simple example which submit two values to the page for itself, means a page has a form with submit botton, user input the form with values and then submit them by submit botton, then the page recevice those values and show it .
this example is powered by oracle ,
please have a look at these code:
<br><br>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@page import="java.util.*, oracle.portal.provider.v2.*" %>
<%@page import="oracle.portal.provider.v2.http.HttpCommonConstants" %>
<%@page import="oracle.portal.provider.v2.render.PortletRendererUtil" %>
<%@page import="oracle.portal.provider.v2.render.PortletRenderRequest" %>
<%@page import="oracle.portal.provider.v2.render.http.HttpPortletRendererUtil" %>
<%@page import="oracle.portal.provider.v2.url.UrlUtils" %>
<%
// The form submit URL refers to the current Portal page. All portlets
// on this page share this URL. This means that the per portlet parameters
// are in the same request. Portlets must ensure that its paramerters don't
// collide either with other portlets or other instances of itself. This
// is generally accomplished by using "fully-qualified" parameter names. A
// fully-qualified parameter name prepends the (unique) portlet reference to
// the parameter. The JPDK provides a utility to accomplish this.
String portletParamName = "mName";
String portletParamAge = "mAge";
String portletParamSubmit = "mSubmit";
String fName = HttpPortletRendererUtil.portletParameter(request, portletParamName);
String fAge = HttpPortletRendererUtil.portletParameter(request, portletParamAge);
String fSubmit = HttpPortletRendererUtil.portletParameter(request, portletParamSubmit);
// These are the session attribute names used to store the current values.
// Because all instances of this portlet share the same user session we must
// also fully-qualify these names to avoid collisions.
String sName = HttpPortletRendererUtil.portletParameter(request, "sName");
String sAge = HttpPortletRendererUtil.portletParameter(request, "sAge");
PortletRenderRequest pRequest = (PortletRenderRequest)
request.getAttribute(HttpCommonConstants.PORTLET_RENDER_REQUEST);
String formName = UrlUtils.htmlFormName(pRequest,null);
ProviderUser user = pRequest.getUser();
ProviderSession providerSession = user.getSession();
if (providerSession == null)
%>
Your provider session has been terminated or has timed out
and you need to logout and then login to re-establish the session.
<%
else
// Record, in session storage, the last values submitted.
if (pRequest.getQualifiedParameter(portletParamSubmit) != null)
providerSession.setAttribute(sName, pRequest.getQualifiedParameter(portletParamName));
providerSession.setAttribute(sAge, pRequest.getQualifiedParameter(portletParamAge));
%>

<center>
<table width="70%">
<tr>
<td>
<b>This portlet shows how to post and process information from HTML forms.</b>
</td>
</tr>
</table>
<form name="<%= formName %>" method="POST"
action="<%= UrlUtils.htmlFormActionLink(pRequest,UrlUtils.PAGE_LINK) %>">
<%= UrlUtils.htmlFormHiddenFields(pRequest,UrlUtils.PAGE_LINK, formName) %>
<table>
<tr>
<td>
<b>Name :</b>
</td>
<td>
<input type="text" size="20" name="<%= fName %>" value="">
</td>
</tr>
<tr>
<td>
<b>Age : </b>
</td>
<td>
<input type="text" size="3" name="<%= fAge %>" value="">
</td>
</tr>
</table>
<br>
<INPUT TYPE=submit name="<%= fSubmit %>" Value="Submit">
</form>
<%
if ((providerSession.getAttribute(sName) == null)&& (providerSession.getAttribute(sAge) == null)) {
%>
<b>No values have been submitted yet.</b>
<%
} else {
%>
<b> Last submitted values:</b><br>
<table>
<tr>
<td>
<b>Name: </b>
</td>
<td>
<b><%= providerSession.getAttribute(sName) %></b>
</td>
</tr>
<tr>
<td>
<b>Age: </b>
</td>
<td>
<b><%= providerSession.getAttribute(sAge) %></b>
</td>
</tr>
</table>
<%
%>
</center>
<%
%>
<br><br>
<br><br>
<br><br>
but I want to write the form in a page , and then show it on another page , how to write it ?
I have read the pdk:
oracle.portal.provider.v2.url Classes
UrlUtils
then I use these method , as this :
//frist page:
<br><br><br><br>
<%@page contentType="text/html; charset=Big5"
import="oracle.portal.provider.v2.render.PortletRenderRequest"
import="oracle.portal.provider.v2.http.HttpCommonConstants"
%>
<%@ page import="oracle.portal.provider.v2.*"%>
<%@ page import="oracle.portal.provider.v2.render.PortletRendererUtil"%>
<%@ page import="oracle.portal.provider.v2.render.http.HttpPortletRendererUtil"%>
<%@ page import="oracle.portal.provider.v2.url.UrlUtils"%>
<%
PortletRenderRequest pReq = (PortletRenderRequest)
request.getAttribute(HttpCommonConstants.PORTLET_RENDER_REQUEST);
%>
<P>Hello <%= pReq.getUser().getName() %>.</P>
<P>This is the <b><i>Show</i></b> render mode!</P>
this is a program to test the passing value
<%
String portletParamName = "mName";
String portletParamAge = "mAge";
String portletParamSubmit = "mSubmit";
String fName = HttpPortletRendererUtil.portletParameter(request, portletParamName);
String fAge = HttpPortletRendererUtil.portletParameter(request, portletParamAge);
String fSubmit = HttpPortletRendererUtil.portletParameter(request, portletParamSubmit);
PortletRenderRequest pr=(PortletRenderRequest)request.getAttribute(HttpCommonConstants.PORTLET_RENDER_REQUEST);
String formName=UrlUtils.htmlFormName(pr, null);
%>
<form name="<%=formName%>" method="post" action="<%=UrlUtils.htmlFormActionLink("/htdocs/passingvalues4/getValues.jsp")%>">
<%= UrlUtils.htmlFormHiddenFields("/htdocs/passingvalues4/getValues.jsp") %>
name:<input type="text" size="20" name="<%= fName %>" value="">
p w :<input type="text" size="3" name="<%= fAge %>" value="">
<INPUT TYPE=submit name="<%= fSubmit %>" Value="Submit">
</form>
//getValues.jsp<br><br>
<br><br>
<%@page contentType="text/html; charset=Big5"
import="oracle.portal.provider.v2.render.PortletRenderRequest"
import="oracle.portal.provider.v2.http.HttpCommonConstants"
%>
<%@ page import="oracle.portal.provider.v2.*"%>
<%@ page import="oracle.portal.provider.v2.render.PortletRendererUtil"%>
<%@ page import="oracle.portal.provider.v2.render.http.HttpPortletRendererUtil"%>
<%@ page import="oracle.portal.provider.v2.url.UrlUtils"%>
<% String portletParamName = "mName";
String portletParamAge = "mAge";
String portletParamSubmit = "mSubmit";
String fName = HttpPortletRendererUtil.portletParameter(request, portletParamName);
String fAge = HttpPortletRendererUtil.portletParameter(request, portletParamAge);
String fSubmit = HttpPortletRendererUtil.portletParameter(request, portletParamSubmit);%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Big5">
<title>untitled</title>
</head>
<body>
Name:<%=fName%>
Age :<%=fAge%>
</body>
</html>
<br>then I deployed them on the portal , run it , the result is :after I submit it , the browser give me : http 404 page not found!
[b]here is the provider.xml<br>[b[i]]<?xml version = '1.0' encoding = 'UTF-8'?>
<?providerDefinition version="3.1"?>
<provider class="oracle.portal.provider.v2.DefaultProviderDefinition">
<session>true</session>
<passAllUrlParams>true</passAllUrlParams>
<portlet class="oracle.portal.provider.v2.DefaultPortletDefinition">
<id>1</id>
<name>PassingValues4</name>
<title>PassingValues4</title>
<description>PassingValues4</description>
<timeout>60</timeout>
<showEditToPublic>false</showEditToPublic>
<hasAbout>false</hasAbout>
<showEdit>false</showEdit>
<hasHelp>false</hasHelp>
<showEditDefault>false</showEditDefault>
<showDetails>false</showDetails>
<renderer class="oracle.portal.provider.v2.render.RenderManager">
<renderContainer>true</renderContainer>
<renderCustomize>true</renderCustomize>
<autoRedirect>true</autoRedirect>
<contentType>text/html</contentType>
<showPage>/htdocs/passingvalues4/PassingValues4InputPage.jsp</showPage>
<showPage>/htdocs/passingvalues4/getValues.jsp</showPage>
</renderer>
</portlet>
</provider>
<br><br><br>
<br><br>
would you kind enough to help me ? thanks!!!
Message was edited by:
moonsoft

Hi Moonsoft,
I have already answered this query in the other post at Re: how to link more than one links in portlet?(jsp develop)
<form name = "showPageForm" method = "POST" action = "<%= UrlUtils.htmlFormActionLink(pReq,UrlUtils.PAGE_LINK) %>">
<%= UrlUtils.htmlFormHiddenFields(pReq,UrlUtils.PAGE_LINK, "showPageForm") %>
<input type="text" name="param1">
<input type="text" name="param2">
<input type="hidden" name="myPPN" value="/htdocs/page2.jsp">
</form>then in your jsp code on page2.jsp, you will extract the parameters by specifying
<%
String p1 = request.getParameter("param1");
String p2 = request.getParameter("param2");
%>
>>this is easy common jsp or asp development, but in oracle is too diffcult!!!!
:-) .. there is a difference between web-applications and portlets, you just need to get used to it once. I hope this does clarify your doubts.
thanks,
Harsha

How to use Jquery Data Grid in HTML

can anyone please tell me how to use JQuery Data grid in my HTML page with example.
I have one HTML page i want the standard JQuery Data Grid with search and pagination functionality.

Guys I have got the solution
thanks a lot
please refer this link for JQGrid
http://www.codeproject.com/Articles/609442/Using-JqGrid-in-ASP-NET

How to use the html:link with a arraylist

Hi everyone:
I want to display the data using struts html:link.
I query the database and place all the data to javabean,later place all the javabean to ArrayList.In Action,I use the "request.setAttribute("lovetable",articlelist) to set request to jsp page.
I want to pass a parameter "id" use the hyperlink so I can get the parameter when I click the hyperlink.
But how to use html:link to display it?
I use <html:link action="viewtopic.do" paramId="id" paramName="lovetable" paramProperty="id"/>,it can't work and Tomcat report error :
org.apache.jasper.JasperException: No getter method for property id of bean lovetable
     at org.apache.jasper.servlet.JspServletWrapper.service(JspServletWrapper.java:248)
     at org.apache.jasper.servlet.JspServlet.serviceJspFile(JspServlet.java:295)
     at org.apache.jasper.servlet.JspServlet.service(JspServlet.java:241)
The lovetable is a ArrayList and it don't have a getter or setter method.
How to use it pass parameter? :( Thks

Thank you.
I use the bean:define successful.And display all the data to jsp.My jsp code is:
<logic:iterate id="love" name="lovetable">
<bean:define id="idbean" name="love"/>
<tr bgcolor="<%=color%>">
<td><bean:write name="love" property="id"/></td>
<td><html:link forward="viewtopic" paramId="id" paramName="idbean" paramProperty="id"><bean:write name="love" property="title"/></html:link></td>
<td><bean:write name="love" property="name"/></td>
<td><bean:write name="love" property="time"/></td>
</tr>
</logic:iterate>
In Action : request.setAttribute("lovetable",articlelist)
ResutlSet rs=.............
List articlelist=new ArrayList();
while(rs.next()){
articlebean bean=new articlebean();
bean.setName(rs.getString("name"));
bean.setTitle(rs.getString("title"));
articlelist.add(bean);
The above code will work property.
The Tag "html:link" need bean to work other than arraylist so I iterate all the bean out.
The Tag "logic:iterate" need collection to work so I make Action return a List.
right?
Any idea? :)

How to use getContent() method in custom JSP Provider to display a HTML Pag

Hi,
If anybody knows how to use getContent() method to use in custom jsp providers (developed by ourselves) so that it can be used to retrieve a jsp page (a simple html page) ..
I want the code in the provider java file to for the getContent method...
Pls. get back to me asap....if any body has implemented a custom jsp provider...as it's urgent...
I have alreday placed the JSP file in the directory structure /etc/opt/SUNWps/desktop/default/channel_dir..But still the jsp is not being displayed..
Pls get me the getContent() method code to retrive the JSP file..
satyabrata

Hi,
You don't have to do anything in the custom JSPProvider's getContent method except the call { return super.getContent(request,response); } . If all you want is just to show your jsp, then create a channel from the default JSPProvider, and edit the property contentPage of that channel from samplecontent.jsp to your jsp name, save the changes and login again. You should see your JSP.
Sanjeev.

How to use accessible highlighting in HTML?

Similar Messages

Maybe you are looking for