# frozen_string_literal: true b = box({ id: :the_html, color: :orange, overflow: :auto, width: :auto, height: :auto, left: 100, right: 100, top: 100, bottom: 100 }) # html_desc=< # # # Une petite page HTML # # # #

Un titre de niveau 1

# #

# Un premier petit paragraphe. #

# #

Un titre de niveau 2

# #

# Un autre paragraphe contenant un lien pour aller # sur le site KooR.fr. #

# # # STR html_desc = < Com 1 Image

Com 1 Image

PRODUCTIONS AUDIOVISUELLES

COLLABORATIF

Texte sur le collaboratif...

CORPORATE

ART

Texte sur l'art...

CONTACT

email@example.com

74 bis avenue des Thèmes
63400 - Chamalières

STR b.hypertext(html_desc) # b.hyperedit(id) do |html_object| # id convert to atome # get tage type convert to markup # get tag content convert to data # get style and class convert to particle # end b.hyperedit(:div_id) do |tag_desc| puts tag_desc.class end wait 2 do div_result = HTML.locate(id: 'div_id') # find by ID atomized_el= atomizer({ target: div_result, id: :my_second_html_obj }) atomized_el.rotate(55) atomized_el.color(:purple) atomized_el.position(:absolute) atomized_el.left(255) atomized_el.top(255) end wait 3 do # or handle the objet in pure ruby js style div_result = HTML.locate(id: 'div_id') # find by ID div_result[:style][:left]= "66px" puts "the div is : #{div_result[:style][:left]}" end # TODO : create an html to atome converter