olá…tenho uma pagina que usa o plugin jquery smint para fazer a rolagem no estilo one page, estava querendo usar alguns componentes primefaces porém o p:growl e também p:dialog não funcionam. Acredito que o jquery esteja conflitando com o do prime mão não faço ideia de como resolver.
O que mais preciso é que as facesmessage sejam mostradas no p:growl.
Se alguém puder dar uma mão eis o cod:
<?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"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<f:view encoding="ISO-8859-1">
<h:head>
<title>Mais Soluções </title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1 user-scalable=no" />
<link
href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,700'
rel='stylesheet' type='text/css' />
<link href="css/estilo.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.smint.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$('.subMenu').smint({
'scrollSpeed' : 1000
});
});
</script>
</h:head>
<h:body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);">
<div id="fb-root"></div>
<div class="wrap">
<div class="subMenu">
<div class="inner">
<a href="#" id="sTop" class="subNavBtn">Home</a> <a href="#"
id="s1" class="subNavBtn">Solução</a> <a href="#" id="s2"
class="subNavBtn">Contato</a> <a href="#" id="s3"
class="subNavBtn">Localização</a> <a href="#" id="s4"
class="subNavBtn">Parceiros</a> <a href="#" id="s5"
class="subNavBtn end">Tecnologia</a>
</div>
</div>
<div class="section sTop">
<div class="inner">
</div>
<br class="clear" />
</div>
<div class="section s1">
<div class="inner">
</div>
</div>
<div class="section s2">
<div class="inner">
<h1>Contato</h1>
<h:form>
<h:panelGrid id="painel" columns="2">
<h:outputLabel value="Nome: "
style="FONT-SIZE: small; FONT-FAMILY: 'Arial';" />
<h:inputText value="#{formularioMB.nome}" id="inNome"
required="true" requiredMessage="Preencha seu nome"
style="width: 180px" />
<h:outputLabel value="Empresa: "
style="FONT-SIZE: small; FONT-FAMILY: 'Arial';" />
<h:inputText value="#{formularioMB.empresa}" style="width: 180px"
required="true" requiredMessage="Campo Empresa nescessário"" />
<h:outputLabel value="Cargo: "
style="FONT-SIZE: small; FONT-FAMILY: 'Arial';" />
<h:inputText value="#{formularioMB.cargo}" style="width: 180px"
required="true" requiredMessage="Campo Cargo nescessário" />
<h:outputLabel value="E-mail: "
style="FONT-SIZE: small; FONT-FAMILY: 'Arial';" />
<h:inputText id="inEmail" value="#{formularioMB.email}"
required="true" requiredMessage="Campo E-mail nescessário"
style="width: 180px">
<f:validator validatorId="validadorEmail" />
</h:inputText>
<h:outputLabel value="Telefone: "
style="FONT-SIZE: small; FONT-FAMILY: 'Arial';" />
<h:inputText value="#{formularioMB.telefone1}"
style="width: 105px" required="true"
requiredMessage="Campo Telefone nescessário">
<f:validator validatorId="validadorTelefone" />
</h:inputText>
<h:outputLabel value="Mensagem: "
style="FONT-SIZE: small; FONT-FAMILY: 'Arial';" />
<h:inputTextarea value="#{formularioMB.mensagem}"
style="width: 180px" />
<p:commandButton id="btnEnviar" value="enviar" update="painel"
actionListener="#{formularioMB.enviar()}" />
<p:growl />
</h:panelGrid>
</h:form>
<ui:remove>
<!-- ###############mensagens de dialogo prime######################## -->
</ui:remove>
<p:idleMonitor timeout="100000" onidle="PF('idleDialog').show()"
onactive="PF('idleDialog').hide()" />
<p:dialog header="+ Mais Soluções Inteligentes" resizable="false"
widgetVar="idleDialog" modal="true" width="400">
<h:outputText value="Deixe seu contato, ligamos pra você." />
</p:dialog>
<p:ajaxStatus onstart="PF('statusDialog').show();"
onsuccess="PF('statusDialog').hide();" />
<p:dialog modal="true" widgetVar="statusDialog"
header="Processando" draggable="false" closable="false">
<p:graphicImage value="imagens/logo/loading.gif" />
</p:dialog>
<ui:remove>
<!-- ############### fim mensagens de dialogo######################## -->
</ui:remove>
</div>
</div>
<div class="section s3">
<div class="inner">
<h1>Localização</h1>
</div>
</div>
<div class="section s4">
<div class="inner">
<h1>Parceiros</h1>
</div>
</div>
<div class="section s5">
<div class="inner">
<h1>Tecnologia</h1>
</div>
</div>
</div>
</h:body>
</f:view>
</html>