CSS Selector Transforms

15 views
Skip to first unread message

luigi.d...@gmail.com

unread,
Jul 5, 2017, 6:50:56 AM7/5/17
to Lift
Hello. 
I would like to know if it is possible insert a node after or before specific node. 
For instance:
<ul id="msg-list">
   
<li class="msg-row">

       
<div class="bubble-msg-container">
           
<!--Text from snippet-->
        </div>
       
       
<div class="dateTimeMsg">
           
<!--Text from snippet-->
        </div>
   
</li>
</ul>

Is there a css selector that allows me to insert a NodeSeq before div with class dateTimeMsg? 

Thanks in advance

Diego Medina

unread,
Jul 5, 2017, 8:20:49 AM7/5/17
to Lift
yes, you can do this:


scala> import net.liftweb.util.Helpers._
import net.liftweb.util.Helpers._

scala> import xml._
import xml._

scala> val x = <ul id="msg-list">
     |     <li class="msg-row">
     | 
     |         <div class="bubble-msg-container">
     |             <!--Text from snippet-->
     |         </div>
     |         
     |         <div class="dateTimeMsg">
     |             <!--Text from snippet-->
     |         </div>
     |     </li>
     | </ul>
x: scala.xml.Elem =
<ul id="msg-list">
    <li class="msg-row">

        <div class="bubble-msg-container">
            <!--Text from snippet-->
        </div>

        <div class="dateTimeMsg">
            <!--Text from snippet-->
        </div>
    </li>
</ul>


scala> def css = ".dateTimeMsg" #> ((ns: NodeSeq) => <span>Diego</span> ++ ns)
css: net.liftweb.util.CssSel

scala> css(x)
res0: scala.xml.NodeSeq =
NodeSeq(<ul id="msg-list">
    <li class="msg-row">

        <div class="bubble-msg-container">
            <!--Text from snippet-->
        </div>

        <span>Diego</span><div class="dateTimeMsg">
            <!--Text from snippet-->
        </div>
    </li>
</ul>)

scala> 


--
--
Lift, the simply functional web framework: http://liftweb.net
Code: http://github.com/lift
Discussion: http://groups.google.com/group/liftweb
Stuck? Help us help you: https://www.assembla.com/wiki/show/liftweb/Posting_example_code

---
You received this message because you are subscribed to the Google Groups "Lift" group.
To unsubscribe from this group and stop receiving emails from it, send an email to liftweb+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.



--
Reply all
Reply to author
Forward
0 new messages