Drupal中的HTML5自定义数据属性 -- javascript 领域 drupal 相关 的问题

HTML5 custom data attributes in Drupal


2
vote

问题

中文

我想使用"data" 属性在我的一些标签中,我一直在寻找一种包括它的方法。

例如:我正在向我的表单添加JavaScript代码。我使用 hook_form_alter() #attached 属性。

  $info0  

如何将"数据" 属性添加到 $info1 标记生成的标记?我想将它用于JavaScript代码的参数。

英文原文

I want to use the "data" attribute in some of my tags, and I have been searching for a way to include it.

For Example: I am adding JavaScript code to my form. I use hook_form_alter() and the #attached property.

$path = drupal_get_path('module', 'mymodule'); $form['#attached']['js'][] = array('data' => $path . '/js/custom_values.js','type' => 'file'); 

How do I add a "data" attribute to the <script> tag generated? I want to use it for arguments to the JavaScript code.

  

回答列表

4
 
vote
vote
最佳答案
 

如果您的意思是如何将 data- 属性添加到 <form> 标记,它就像这样简单:

  $form['#attributes']['data-foo'] = 'bar';   

形式内的任何元素都相同:

  $form['foo']['#attributes']['data-bar'] = 'baz';   

对于更多信息,请看看文档 #attributes

 

If you mean how to add the data- attribute to the <form> tag it would be as easy as this:

$form['#attributes']['data-foo'] = 'bar'; 

The same goes for any element within the form:

$form['foo']['#attributes']['data-bar'] = 'baz'; 

For more info have a look at the documentation for #attributes.

 
 
 
 

相关问题

6  从JavaScript调用Drupal PHP功能?  ( Call drupal php function from javascript ) 
我正在尝试通过替换新文章的内容来使用AJAX来获取文章的内容并显示它。为此,我想将异步jQuery调用到只输出物品的主体的PHP页面。但是,此PHP功能需要访问Drupal PHP功能,以便正常运行。我如何或者如何创建一个可以在Drupal安装中访问这些函数的PHP文件? ...

1  更改由另一个模块设置的JSO(n)参数  ( Change json parameters that have been set by another module ) 
我正在尝试覆盖由另一个模块设置的参数。另一个模块使用 drupal_add_js() 来设置参数。 $settings = array('color'=>'red','type' =>'round'); drupal_add_js(array('MyData'=>$settings),'setting'))...

5  添加本地化JS  ( Adding localized js ) 
我试图在我的脑海中重新描述我的问题一百万次,因为似乎有很多方法和解决方案,但最终决定以一种非常一般的方式问: 在外部 javascript中本地化变量的最佳方式是本地化变量,例如帮助提示,工具提示以及此类? 目前,我将原始粘贴到php代码中,在某个实例中,在网站上存在语言,我正在基于以下方式切换变量集: <?ph...

4  有没有办法创建一个调整大小的openLayers映射,以适应性布局调整大小?  ( Is there a way to create an openlayers map that adjusts size with an adaptive la ) 
我正在构建一个能够广泛地将数据映射的数据合并到用户映射的数据,并且我希望首页主要只是显示各种相关数据的地图。我也试图以适应移动使用的方式构建该网站。 我有一个构造的openLayers映射,它显示数据,大多数情况都是如我所希望的,并且我在首页上有它。这一切都很好。我想做的就是该地图变窄,以便响应显示尺寸。我目前正在使...

1  通过ajax加载JS文件翻译的问题  ( Problem with loading translation of js file via ajax ) 
我有一个ajax调用,它加载一些信息和js文件,与drupal.t('close历史') 该字符串,虽然在数据库中正确加载,但在加载到ajax时不会被翻译。 转换通过ajax加载的js文件的问题? 任何想法都很欣赏! ...

3  使用Ajax在查看视图中提交后,如何重新加载jQuery脚本?  ( How can i reload jquery scripts after form submit in views using ajax ) 
我有一个使用b.f.f启用的ajax的视图。过滤某些内容。提交这些过滤器后,jQuery脚本停止工作。 请帮我找到答案如何在使用ajax使用提交按钮后重新加载任何这些脚本? 我试图用它做这样的事情,并将其作为一个简单的脚本作为一个简单的脚本,在template.php中使用drupal_add_js: Drupa...

1  jquery popup停止表单字段中的ajax  ( Jquery popup stops the ajax in the form fields ) 
我已经创建了一个.js脚本,当单击一个按钮时,请在下次创建弹出框。此流程图显示您可以从该弹出窗口添加的不同内容类型的丢失。单击其中一个链接时,它将通过Ajax加载表单元素。这一切都很好,但有一个主要问题。 加载到弹出窗口中的表单中的Ajax字段不起作用,我可以在某些文本中输入,但未执行AJAX。该字段的字段类型是实体...

1  使用jQuery将某些内容从div复制到输入值 - 值显示出很好,但html中没有值  ( Using jquery to copy some content from div to input value value displays nicel ) 
我在块(使用webform pay和webform block)中有一个webform,它通过module_invoke在覆盖的模板中打印。 有一个简单的价格字段(输入)。在内容类型中,我也有一个价格领域。 我正在使用这种脚本将值从节点的价格div复制到块中的另一个输入字段: admin/config/syste...

3  如何限制用户可以通过GeoField小部件添加到OpenLayers地图的点数?  ( How to limit number of points that user can add through geofield widget to openl ) 
IM使用与此处描述的模块类似于非常相似的模块( 需要一个简单的谷歌地图解决方案;迷失在模块的迷宫中)。 from the instructions of googletorp0 不同之处在于我不使用地址字段来自动检测来自地址的LAT / LANG。 GeoField字段窗口小部件类型设置为"OpenLaye...

0  如何在jcarousel中创建自定义皮肤  ( How to create a custom skin in jcarousel ) 
我想在jcarousel中创建一个自定义皮肤。我已经看过这个网站 http://timonweb.com/how-create-自定义 - 皮肤-Jcarousel-drupal-7 ,但我不想创建任何新模块。如何以简单的方式这样做?我尝试在JCarousel模块的Skins目录内创建一个新的皮肤文件夹,但它没有工作...

1  Qiuck选项卡转移openLayers地图背景层  ( Qiuck tabs shifts the openlayers map background layer ) 
im使用视图显示位置列表(地址和地址和地图openLayers + geofield)。以普通方式显示视图时没有问题,但是当在QuickTab内显示视图时,背景会从应为的地方(左上左)方向大约100px。 普通地图显示 与移位地图背景相同的位置 此外,我注意到在Chrome中打开开发人员工具后,没有地图...

5  具有多种条件的动态表单元素状态  ( Dynamic form elements state with multiple conditions ) 
有人可以帮我解决这个问题。我有一个表单元素,它依赖于另一个选择的某些值。如果选择了某些值,则仅可见。我知道我可以使用不同的形式元素做多种情况。但是,如何指定具有多个值的相同表单元素。现在这仅适用于最后一个值。 $form['listing_attributes']['sort_by'] = array( '#ty...

2  Drupal ExtJS4(Sencha)集成[已关闭]  ( Drupal extjs4 sencha integration ) 
此问题似乎在帮助中心中定义的范围内涉及Drupal。。 想要改进这个问题?更新问题,所以它是关于drupal答案的主题。 ...

0  如何在JavaScript中获取URL的部分  ( How to fetch parts of url in javascript ) 
我有一个这样的网址: http:// localhost / something / de / 最后一个是德语的语言代码。我想使用JavaScript获取它。该链接也可能发生如下: http:// localhost / something / de / de / node /艺术家/ 117 / author ...

5  以编程方式创建ColorBox链接  ( Create colorbox link programmatically ) 
你好德鲁阿普斯塔斯! 我有一个情况,我需要使用不同的图像样式输出图像字段,具体取决于某些复选框设置。 我在节点模板内部。基本上这是这样的: if ($layout == 1) { print $small_image; } if ($layout == 2 { print $medium_image; ...

1  如何使用视图来制作使用块类型创建的内容的幻灯片  ( How to use views to make slideshow of the content created using block type ) 
进一步解释: 请直接从块创建块内容类型,例如使用添加块然后发布的Item_1。我做了相同的3Twice(item_2,item_3),每个都携带其内容(body)。所有发布。 现在我想通过幻灯片方法使用视图来查看此块类型。这可能是可能的吗? 所有我在筛选器列表中看到的views 3版本是所有节点,内容类型都没有指向此...

1  是否可以使用tableselect.js选择一行?  ( Is it possible to select a row with tableselect js ) 
drupal包括tableselect.js我正在使用它使用视图批量操作的视图。我想知道是否有可能使用表选择代码来按ID或其他选择器选择一行。如果选择了所有行,我的目标是为选中所有复选框来检查。 这是tableselect代码: Drupal.behaviors.tableSelect = function (...

0  如何在模态用户登录表单中更改表单元素的顺序  ( How to change the order of form elements in a modal user login form ) 
我有一个模态表单,用于用户登录。我想重新排列链接。我为用户登录表单启用了CAPTCHA。现在我想显示"创建新帐户" 和"忘记密码" 链接以显示在"登录" 提交按钮下方。我需要帮助如何做到这一点。提前致谢。 ...

4  在Drupal中显示PDF作为幻灯片的最佳方式  ( Best way to display pdf in drupal as a slideshow ) 
我希望在页面上显示一个pdf,但不希望将托管外包给scribd或ledeShare,或其他玩家之一。我的约束基本上... 我想在我的网站上托管它。 我希望它看起来像幻灯片(可以点击前进,向后导航等) 我希望大多数用户都有他们需要访问它的任何东西(即,如果它是swf,很好。) 我希望整个PDF可轻松下载,作为PDF...

2  组件返回失败代码:0x80460001(ns_error_cannot_convert_data)[nsidomformdata.append]  ( Component returned failure code 0x80460001 ns error cannot convert data nsid ) 
我们正在使用上传表格构建一个Drupal-site。不是WebForm。 当我们单击"插入映像" 按钮时,我们从Firefox中提醒"组件返回的失败代码:0x80460001(ns_error_cannot_convert_data)[nsidomformdata.append]" 。在Chrome工作。 将问题缩短...




© 2021 it.wenda123.org All Rights Reserved. 问答之家 版权所有


Licensed under cc by-sa 3.0 with attribution required.